/* === WIDGET: cta | scope .vr-cta ========================================== */
@layer widgets {
  .vr-cta { padding-bottom: var(--vr-section-gap); }
  .vr-cta__panel { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 34px 38px; border-radius: var(--vr-radius); background: linear-gradient(110deg, #5124ef, #3020c8); color: white; }
  .vr-cta h2 { font-size: clamp(1.5rem, 2.3vw, 1.9rem); }
  .vr-cta p { margin-top: 8px; color: #eee9ff; font-size: var(--vr-text-sm); }
  .vr-cta .vr-button { flex: 0 0 auto; }
  @media (max-width: 680px) { .vr-cta__panel { align-items: flex-start; flex-direction: column; padding: 28px 24px; gap: 22px; } }
}
/* === END WIDGET: cta ===================================================== */