.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--weight-medium);letter-spacing:var(--tracking-normal);border-radius:var(--radius-medium);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:1px solid #0000;line-height:1.2;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.btn--sm{height:2rem;padding-inline:var(--space-3);font-size:var(--text-body-sm);border-radius:var(--radius-small)}.btn--md{height:2.625rem;padding-inline:var(--space-5);font-size:var(--text-body);border-radius:var(--radius-medium)}.btn--lg{height:3rem;padding-inline:var(--space-6);font-size:var(--text-body);border-radius:var(--radius-medium)}.btn--block{width:100%}.btn--primary{color:var(--text-on-brand);background-color:var(--brand-fill);border-color:var(--brand-fill)}.btn--primary:hover{background-color:var(--brand-fill-hover);border-color:var(--brand-fill-hover);box-shadow:0 8px 32px -12px var(--brand-glow)}.btn--primary:active{background-color:var(--brand-fill-active);border-color:var(--brand-fill-active);box-shadow:none;transform:translateY(1px)}.btn--primary:disabled{background-color:var(--surface-3);border-color:var(--border-subtle);color:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.btn--secondary{color:var(--text-primary);background-color:var(--surface-2);border-color:var(--border-default)}.btn--secondary:hover{background-color:var(--surface-3);border-color:var(--border-hover)}.btn--secondary:active{background-color:var(--surface-2);transform:translateY(1px)}.btn--secondary:disabled{color:var(--text-muted);background-color:var(--surface-1);border-color:var(--border-subtle);cursor:not-allowed;transform:none}.btn--ghost{color:var(--text-primary);background-color:#0000;border-color:#0000}.btn--ghost:hover{color:var(--text-primary);background-color:var(--surface-2)}.btn--ghost:active{transform:translateY(1px)}.btn--ghost:disabled{color:var(--text-muted);cursor:not-allowed;background-color:#0000;transform:none}.btn--loading{cursor:progress}.btn__spinner{align-items:center;display:inline-flex}.btn__spinner span{border-radius:var(--radius-full);border:2px solid;border-top-color:#0000;width:.875rem;height:.875rem;animation:.7s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.btn,.btn *{transition:none}.btn__spinner span{animation-duration:1.4s}}