.button-form{border-radius:calc(var(--border-radius)/3);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:16px 24px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.button-form:focus{outline:none;box-shadow:0 0 0 3px #ef1b1b33}.button-form_primary{background-color:var(--color-main-primary);color:var(--color-text-on-color)}.button-form_primary:hover:not(.button-form_disabled){background-color:var(--color-main-secondary);transform:translateY(-1px)}.button-form_secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.button-form_secondary:hover:not(.button-form_disabled){color:var(--color-text-on-color);background-color:var(--color-main-secondary);transform:translateY(-1px)}.button-form_success{background-color:var(--succsesColor);color:var(--color-text-on-color)}.button-form_success:hover:not(.button-form_disabled){background-color:#027a02;transform:translateY(-1px)}.button-form_link{background-color:var(--color-main-secondary);color:var(--color-text-on-color)}.button-form_link:hover:not(.button-form_disabled){background-color:#8a1a1a;transform:translateY(-1px)}.button-form_edit{color:var(--color-text-on-color);background-color:#f59e0b}.button-form_edit:hover:not(.button-form_disabled){background-color:#d97706;transform:translateY(-1px)}.button-form_disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.button-form_loading{cursor:wait}.button-form-text{transition:opacity .2s}.button-form-text_loading{opacity:.7}.button-form-spinner{width:16px;height:16px;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button-form-spinner-circle{border:2px solid #ffffff4d;border-top-color:var(--color-text-on-color);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite button-form-spin;display:block}.button-form_secondary .button-form-spinner-circle,.button-form_warning .button-form-spinner-circle{border-color:#0003;border-top-color:var(--color-text-primary)}@keyframes button-form-spin{to{transform:rotate(360deg)}}.button-form-sm{min-height:32px;padding:6px 12px;font-size:.875rem}.button-form-sm .button-form-spinner{width:12px;height:12px}.button-form-sm .button-form-spinner-circle{border-width:2px;width:12px;height:12px}.button-form-lg{min-height:50px;padding:14px 28px;font-size:1.1rem}.button-form-lg .button-form-spinner{width:20px;height:20px}.button-form-lg .button-form-spinner-circle{border-width:3px;width:20px;height:20px}.button-form-full{width:100%}