/* Button — components/Button (primary · secondary · purple · gold · ghost)
   + ui_kits/website: outline-light (на тёмном фоне), link-arrow («Записаться →») */
.vb-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  border: none; cursor: pointer; text-decoration: none; text-align: center;
  font-family: var(--font-body); font-weight: 700; font-size: 16px; line-height: 1.2;
  padding: 14px 28px; border-radius: var(--r-pill);
  transition: filter var(--dur-fast) var(--ease-out), transform .1s, box-shadow var(--dur-fast);
}
.vb-btn:hover  { filter: brightness(1.06); }
.vb-btn:active { transform: scale(0.98); }

.vb-btn--primary   { background: var(--vb-cta-grad); color: #fff; padding: 16px 34px; font-size: 17px; box-shadow: var(--sh-soft); }
.vb-btn--secondary { background: var(--vb-mist); color: var(--vb-ink-2); }
.vb-btn--purple    { background: var(--vb-purple); color: #fff; box-shadow: var(--sh-soft); }
.vb-btn--gold      { background: var(--vb-gold); color: var(--vb-ink); }
.vb-btn--ghost     { background: transparent; color: var(--vb-ink-2); padding: 12px 22px; font-size: 15px; border: 1px solid var(--vb-line); }
.vb-btn--outline-light { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.45); }
.vb-btn--primary:hover, .vb-btn--purple:hover, .vb-btn--outline-light:hover { color: #fff; }
.vb-btn--gold:hover, .vb-btn--secondary:hover, .vb-btn--ghost:hover { color: var(--vb-ink); }

.vb-btn--sm    { padding: 12px 26px; font-size: 15px; }
.vb-btn--lg    { padding: 18px 34px; font-size: 19px; }
.vb-btn--block { display: flex; width: 100%; }

.vb-link-arrow {
  font-family: var(--font-body); font-weight: 700; font-size: 15px;
  color: var(--vb-cta-purple); text-decoration: none;
}
.vb-link-arrow::after { content: " →"; }
.vb-link-arrow:hover { color: var(--vb-purple); }