.btn{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;font-weight:500;line-height:1.25;letter-spacing:0;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion:no-preference){.btn{transition:background-color var(--duration-base) var(--ease-default),color var(--duration-base) var(--ease-default),border-color var(--duration-base) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.btn:active:not(:disabled):not(.btn--link){transform:scale(.96)}}.btn:disabled{pointer-events:none;opacity:.5}.btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.btn svg,.btn__icon{pointer-events:none;flex-shrink:0}.btn__icon{display:inline-flex;align-items:center;justify-content:center}.btn svg,.btn__icon svg{display:block}.btn--primary{background-color:var(--color-brand);color:var(--color-text-on-brand)}.btn--primary:hover:not(:disabled){background-color:var(--color-brand-hover)}.btn--primary:active:not(:disabled){background-color:var(--color-brand-active)}.btn--secondary{background-color:var(--color-brand-subtle);color:var(--color-brand)}.btn--secondary:hover:not(:disabled){background-color:var(--color-brand-light)}.btn--secondary:active:not(:disabled){color:var(--color-brand-hover)}.btn--tertiary{background-color:transparent;color:var(--color-brand)}.btn--tertiary:hover:not(:disabled){background-color:var(--color-brand-subtle);color:var(--color-brand-hover)}.btn--tertiary:active:not(:disabled){background-color:var(--color-brand-light);color:var(--color-brand-active)}.btn--destructive{background-color:var(--color-danger-strong);color:var(--color-text-on-brand)}.btn--destructive:hover:not(:disabled){background-color:var(--color-danger-strong-hover)}.btn--destructive:active:not(:disabled){background-color:var(--color-danger-strong-active)}.btn--link{height:auto;padding:0;background-color:transparent;color:var(--color-brand)}.btn--link:hover:not(:disabled){color:var(--color-brand-hover);text-decoration:underline;text-underline-offset:4px}.btn--size-l{height:48px;padding-inline:var(--space-6);border-radius:var(--radius-lg)}.btn--size-l .btn__icon svg,.btn--size-l svg{width:18px;height:18px}.btn--size-m{height:40px;padding-inline:var(--space-4);border-radius:var(--radius-md)}.btn--size-m .btn__icon svg,.btn--size-m svg{width:16px;height:16px}.btn--size-s{height:32px;padding-inline:var(--space-3);border-radius:var(--radius-sm);font-size:13px}.btn--size-s .btn__icon svg,.btn--size-s svg{width:14px;height:14px}.btn--icon{padding-inline:0;aspect-ratio:1}.btn--icon.btn--size-m .btn__icon svg,.btn--icon.btn--size-m svg,.btn--icon.btn--size-s .btn__icon svg,.btn--icon.btn--size-s svg{width:16px;height:16px}