.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1;text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.btn:active{transform:scale(.98)}.btn--primary{background:var(--accent-primary);color:#fff}.btn--primary:hover{background:var(--accent-hover);color:#fff;box-shadow:var(--shadow-md)}.btn--accent{background:var(--accent-amber);color:#fff}.btn--accent:hover{background:#b45309;color:#fff;box-shadow:var(--glow-amber)}.btn--secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn--secondary:hover{background:var(--border-color)}.btn--outline{background:0 0;color:var(--accent-primary);border:2px solid var(--accent-primary);padding:calc(var(--space-3) - 2px)calc(var(--space-6) - 2px)}.btn--outline:hover{background:var(--accent-primary);color:#fff}.btn--ghost{background:0 0;color:var(--text-secondary);padding:var(--space-2)var(--space-4)}.btn--ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn--sm{padding:var(--space-2)var(--space-4);font-size:var(--font-size-sm)}.btn--lg{padding:var(--space-4)var(--space-8);font-size:var(--font-size-lg)}.btn svg{width:1em;height:1em;flex-shrink:0}.btn--icon{width:40px;height:40px;padding:0;border-radius:var(--radius-full)}.btn--icon svg{width:20px;height:20px}