.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);border-radius:var(--radius-lg);border:var(--border-width-default) solid transparent;font-weight:var(--weight-medium);font-size:var(--text-body-size);line-height:var(--text-body-lh);white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.btn:disabled,.btn[aria-disabled=true]{color:var(--text-disabled);cursor:not-allowed}.btn--sm{height:var(--control-sm);padding:0 var(--space-12);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-lh)}.btn--md{height:var(--control-md);padding:0 var(--space-12)}.btn--lg{height:var(--control-lg);padding:0 var(--space-16)}.btn--primary{background:var(--brand-fill);color:var(--text-inverse)}.btn--primary:focus-visible{border-color:var(--neutral-0)}.btn--primary:hover:not(:disabled,[aria-disabled=true]){background:var(--brand-fill-hover)}.btn--primary:active:not(:disabled,[aria-disabled=true]){background:var(--brand-fill-active)}.btn--primary:disabled,.btn--primary[aria-disabled=true]{background:var(--surface-sunken)}.btn--secondary{background:var(--surface-default);border-color:var(--border-default);color:var(--text-primary)}.btn--secondary:hover:not(:disabled,[aria-disabled=true]){background:var(--surface-hover)}.btn--secondary:active:not(:disabled,[aria-disabled=true]){background:var(--surface-pressed)}.btn--secondary:disabled,.btn--secondary[aria-disabled=true]{background:var(--surface-sunken)}.btn--ghost{background:transparent;color:var(--text-primary)}.btn--ghost:hover:not(:disabled,[aria-disabled=true]){background:var(--surface-hover)}.btn--ghost:active:not(:disabled,[aria-disabled=true]){background:var(--surface-pressed)}.btn--danger{background:var(--surface-default);border-color:var(--danger-500);color:var(--danger-600)}.btn--danger:hover:not(:disabled,[aria-disabled=true]){background:var(--danger-50)}.btn--danger:active:not(:disabled,[aria-disabled=true]){background:var(--danger-100)}.btn--danger:disabled,.btn--danger[aria-disabled=true]{background:var(--surface-sunken);border-color:var(--border-default)}.btn__label{display:contents}.btn__spinner{flex:none;border:var(--border-width-strong) solid currentColor;border-right-color:transparent;border-radius:var(--radius-full);animation:btn-spin .6s linear infinite}.btn--loading.btn--sm{padding:0 var(--space-4);gap:var(--space-4)}.btn--loading.btn--sm .btn__spinner{width:var(--icon-xs);height:var(--icon-xs)}.btn--loading.btn--md{padding:0 var(--space-4);gap:var(--space-4)}.btn--loading.btn--md .btn__spinner{width:var(--icon-xs);height:var(--icon-xs)}.btn--loading.btn--lg{padding:0 var(--space-6);gap:var(--space-6)}.btn--loading.btn--lg .btn__spinner{width:var(--icon-sm);height:var(--icon-sm)}@keyframes btn-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.btn__spinner{animation-duration:2s}}