.vs-rec-invite { max-width: 1192px; margin: 32px auto; padding: 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border: 1px solid #dde3ea; border-radius: 13px; background: #f5f7f9; color: #17233c; }
.vs-rec-invite h2 { margin: 0 0 8px; font-size: clamp(22px, 3vw, 30px); font-weight: 800; line-height: 1.2; text-transform: none; }
.vs-rec-invite p { margin: 0; font-size: 15px; line-height: 1.6; color: #526174; }
.vs-rec-invite a { flex: none; display: inline-flex; justify-content: center; padding: 13px 20px; border-radius: 8px; background: #e65336; color: #fff; font-size: 15px; font-weight: 800; text-decoration: none; }
.vs-rec-invite a:hover { background: #be3c25; color: #fff; }
.vs-rec-invite a:focus-visible { outline: 3px solid #087fb3; outline-offset: 4px; }
@media(max-width: 700px) { .vs-rec-invite { margin: 20px 16px; flex-direction: column; align-items: stretch; padding: 20px; gap: 16px; } }