.referral-dialog {
  box-sizing: border-box;
  width: min(460px, calc(100% - 32px));
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 32px;
  overflow-y: auto;
  border: 1px solid #e8e0d4;
  border-radius: 20px;
  background: #fffefa;
  color: #10233f;
  box-shadow: 0 24px 80px #0003;
}
.referral-dialog::backdrop { background: #081729b8; }
.referral-dialog h2 { margin: 14px 0 10px; padding-right: 12px; font-size: 29px; line-height: 1.2; }
.referral-dialog > p { margin: 0 0 20px; font-size: 15px; line-height: 1.55; color: #5d6978; }
.referral-dialog .lead-form { padding: 0; border: 0; box-shadow: none; background: transparent; }
.referral-dialog .form-note { margin-bottom: 0; }
.referral-close { position: absolute; top: 8px; right: 10px; width: 40px; height: 40px; border: 0; background: transparent; color: #34445a; font-size: 28px; cursor: pointer; }
.referral-error { padding: 12px; background: #fff0ed; border: 1px solid #d87662; border-radius: 8px; color: #87352c; font-size: 14px; }
.js-referral-form input, .js-wa-direto-form input { font-size: 16px; }
.js-referral-form button:disabled, .js-wa-direto-form button:disabled { opacity: .65; cursor: wait; }
.wa-direto-skip { display: block; width: 100%; margin-top: 10px; padding: 12px; border: 0; background: transparent; color: #5d6978; font: inherit; font-size: 14px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.wa-direto-skip:hover { color: #10233f; }
@media (max-width: 480px) { .referral-dialog { padding: 26px 22px; } .referral-dialog h2 { font-size: 26px; } }