.button{justify-content:center;align-items:center;gap:var(--spacing-sm);font-family:var(--font-sans);border-radius:var(--spacing-2xl);cursor:pointer;white-space:nowrap;border:none;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex;position:relative}.button:disabled{opacity:.4;cursor:not-allowed}.button--primary{background-color:var(--accent);color:var(--bg-primary)}.button--primary:hover:not(:disabled){background-color:#e5e5e5}.button--primary:active:not(:disabled){background-color:#d4d4d4}.button--secondary{background-color:var(--bg-light);color:var(--accent);border:1px solid #262626}.button--secondary:hover:not(:disabled){background-color:var(--border);border-color:#333}.button--success{color:var(--accent);background-color:#10b981}.button--success:hover:not(:disabled){background-color:#059669}.button--danger{background-color:var(--error);color:var(--accent)}.button--danger:hover:not(:disabled){background-color:#dc2626}.button--ghost{color:#999;background-color:#0000}.button--ghost:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--accent)}.button--fill{width:100%}.button--sm{padding:6px 12px;font-size:13px}.button--md{padding:14px;font-size:14px}.button--lg{padding:10px 20px;font-size:14px}.button--loading{pointer-events:none}.button__spinner{animation:.6s linear infinite spin}.button__icon{align-items:center;display:flex}.button__content{align-items:center;gap:var(--spacing-sm);display:flex}@keyframes spin{to{transform:rotate(360deg)}}