.ui-btn{--btn-h:40px;--btn-px:14px;--btn-fs:.9375rem;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:6px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:Manrope,-apple-system,system-ui,Segoe UI,sans-serif;font-size:var(--btn-fs);font-weight:600;gap:8px;height:var(--btn-h);justify-content:center;letter-spacing:0;line-height:1;padding:0 var(--btn-px);position:relative;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;outline:none;touch-action:manipulation;transition:transform .2s cubic-bezier(.2,.8,.2,1),background-color .2s cubic-bezier(.2,.8,.2,1),border-color .2s cubic-bezier(.2,.8,.2,1),color .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1)}@media(hover:hover)and (pointer:fine){.ui-btn:hover:not(:disabled):not([aria-disabled=true]){transform:translateY(-1px);transition-duration:.14s}}.ui-btn:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px) scale(.985);transition-duration:90ms}@media(prefers-reduced-motion:reduce){.ui-btn:active,.ui-btn:hover{transform:none}}.ui-btn:focus-visible{border-radius:inherit;outline:2px solid var(--color-primary);outline-offset:2px}.ui-btn--sm{--btn-h:32px;--btn-px:10px;--btn-fs:.8125rem;border-radius:6px;gap:6px}.ui-btn--lg{--btn-h:44px;--btn-px:20px;--btn-fs:1rem}.ui-btn--block{display:flex;width:100%}.ui-btn--icon{padding:0;width:var(--btn-h)}.ui-btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}@media(hover:hover)and (pointer:fine){.ui-btn--primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-secondary);border-color:var(--color-secondary)}}.ui-btn--secondary{background:var(--color-bg-surface);border-color:var(--color-border-strong);color:var(--color-text-primary)}@media(hover:hover)and (pointer:fine){.ui-btn--secondary:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-bg-surface-2);border-color:rgba(var(--color-darkest-rgb),.3)}}.ui-btn--ghost{background:transparent;border-color:transparent;color:var(--color-text-primary)}@media(hover:hover)and (pointer:fine){.ui-btn--ghost:hover:not(:disabled):not([aria-disabled=true]){background:rgba(var(--color-darkest-rgb),.06)}}.ui-btn--danger{background:var(--color-bg-surface);border-color:rgba(var(--color-error-rgb),.4);color:var(--color-error)}@media(hover:hover)and (pointer:fine){.ui-btn--danger:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-error);border-color:var(--color-error);color:var(--color-on-primary)}}.ui-btn:disabled,.ui-btn[aria-disabled=true]{cursor:not-allowed;opacity:.5}.ui-btn--loading{cursor:progress}.ui-btn--loading .ui-btn__icon,.ui-btn--loading .ui-btn__label{visibility:hidden}.ui-btn__spinner{display:grid;inset:0;place-items:center;position:absolute}.ui-btn__icon{display:inline-flex;flex-shrink:0;height:16px;width:16px}.ui-btn__icon svg{display:block;height:100%;width:100%}.ui-btn--sm .ui-btn__icon{height:14px;width:14px}.ui-btn__label{display:inline-block;transform:translateY(.5px)}
