.button{justify-content:center;align-items:center;gap:var(--spacing-sm);font-family:var(--font-inter);border-radius:var(--spacing-2xl);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;border:none;font-weight:500;line-height:1;text-decoration:none;display:inline-flex;position:relative}.button:disabled{opacity:.4;cursor:not-allowed}.button:active{transform:scale(.9)translateZ(0)}.button--default{background-color:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-hover)}.button--default:hover:not(:disabled){background-color:var(--bg-tertiary)}.button--primary{background-color:var(--accent);color:var(--bg-primary)}.button--primary:hover:not(:disabled){opacity:.85}.button--primary:active:not(:disabled){opacity:.7}.button--secondary{background-color:var(--bg-light);color:var(--accent);border:1px solid var(--border-hover)}.button--secondary:hover:not(:disabled){background-color:var(--bg-tertiary)}.button--success{background-color:var(--success);color:var(--bg-primary)}.button--success:hover:not(:disabled){opacity:.6}.button--danger{background-color:var(--error);color:var(--bg-primary)}.button--danger:hover:not(:disabled){opacity:.6}.button--ghost{color:var(--text-secondary);background-color:#0000}.button--ghost:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.button--fill{width:100%}.button--sm{padding:8px 12px;font-size:11px}.button--md{padding:14px;font-size:14px}.button--xl{padding:18px;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)}}
