.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);font-family:var(--font-heading);white-space:nowrap;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border:1.5px solid #0000;font-size:.9375rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}.btn--sm{min-height:36px;padding:0 var(--space-4);border-radius:var(--radius-sm);font-size:.8125rem}.btn--lg{min-height:52px;padding:0 var(--space-6);border-radius:var(--radius-lg);font-size:1rem}.btn--full{width:100%}.btn--primary{color:#fff;background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);box-shadow:0 4px 14px rgba(var(--color-primary-rgb), .35)}.btn--primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(var(--color-primary-rgb), .4);transform:translateY(-1px)}.btn--secondary{color:var(--color-heading);background:var(--color-surface-alt);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-primary-light);border-color:color-mix(in srgb, var(--color-primary) 25%, var(--color-border))}.btn--outline{color:var(--color-primary);border-color:color-mix(in srgb, var(--color-primary) 40%, var(--color-border));background:0 0}.btn--outline:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary)}.btn--text{min-height:44px;padding:0 var(--space-3);color:var(--color-primary);background:0 0}.btn--text:hover:not(:disabled){background:var(--color-primary-light)}.btn--ghost{min-height:44px;padding:0 var(--space-3);color:var(--color-heading);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-surface-alt);color:var(--color-primary)}.btn--danger{color:#fff;background:var(--color-danger);box-shadow:0 4px 14px #dc47554d}.btn--danger:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.btn__icon{flex-shrink:0;align-items:center;display:flex}.btn__icon svg{width:1.125rem;height:1.125rem}.btn__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1.125rem;height:1.125rem;animation:.6s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}