.button { min-height: 56px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 22px; border: 1px solid transparent; border-radius: var(--radius-button); font-size: 15px; font-weight: 900; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease; }
.button:hover { transform: translateY(-2px); }
.button svg { width: 20px; height: 20px; }
.button-primary { background: linear-gradient(135deg, var(--color-accent), #9d5f0d); color: #fff; box-shadow: 0 18px 38px rgba(199, 122, 19, 0.26); }
.button-primary:hover { box-shadow: 0 22px 48px rgba(199, 122, 19, 0.34); }
.button-secondary { background: var(--color-surface-strong); color: var(--color-text); border-color: rgba(16,23,36,.14); box-shadow: 0 12px 28px rgba(16,23,36,.06); }
.button-secondary:hover { border-color: rgba(199,122,19,.36); color: var(--color-accent); }
.button-dark { background: var(--color-primary); color: #fff; box-shadow: 0 18px 38px rgba(16,23,36,.18); }