.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all var(--transition-base)}.btn--primary{background:var(--brand-primary);color:var(--brand-text-on-primary)}.btn--primary:hover{background:var(--brand-primary-hover)}.btn--accent{background:var(--brand-accent);color:var(--brand-text-on-accent)}.btn--accent:hover{background:var(--brand-accent-hover)}.btn--outline{background:transparent;border:1px solid var(--brand-border);color:var(--brand-primary)}.btn--outline:hover{background:var(--brand-section-bg)}.btn--sm{font-size:.75rem;padding:var(--space-xs) var(--space-sm)}.btn--lg{font-size:1rem;padding:var(--space-md) var(--space-lg)}