.social-follow { background: #eee7ef; border-block: 1px solid #e2d8e4; }
.social-follow .shell { display: flex; align-items: center; justify-content: space-between; gap: 20px 32px; padding-block: 26px; }
.social-follow h2 { margin: 0; font-size: 28px; }
.social-follow .actions { margin: 0; gap: 12px; }
.social-follow .button { background: #fff; min-height: 46px; font-size: 16px; }
.social-follow .button:hover { background: #68366d; color: #fff; }
@media (max-width: 800px) {
  .social-follow .shell { align-items: flex-start; flex-direction: column; gap: 16px; }
}
@media (max-width: 520px) {
  .social-follow .actions, .social-follow .button { width: 100%; }
}