.btn { border: 0; border-radius: 14px; padding: 12px 15px; color: #07111f; background: linear-gradient(135deg, var(--brand), var(--brand-2)); font-weight: 800; display: inline-flex; gap: 8px; align-items: center; justify-content: center; text-decoration: none; }
.btn.secondary { background: rgba(255,255,255,.1); color: var(--text); border: 1px solid var(--line); }
.btn.danger { background: rgba(251,113,133,.16); border: 1px solid rgba(251,113,133,.36); color: #fecdd3; }
.btn.warn { background: rgba(251,191,36,.16); border: 1px solid rgba(251,191,36,.36); color: #fde68a; }
.btn.ok { background: rgba(52,211,153,.16); border: 1px solid rgba(52,211,153,.36); color: #bbf7d0; }
.btn.sm { padding: 8px 10px; border-radius: 12px; font-size: 12px; }