.phone-field-hint {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: normal;
  overflow-wrap: anywhere;
  opacity: 1;
}
/* Override legacy card rules that set every descendant's color !important. */
.lead-form .phone-field-hint,
.promo-popup__form .phone-field-hint { color: #c2d7cd !important; }
.mortgage-dialog__form .phone-field-hint,
.business-questionnaire .phone-field-hint,
.detail-form .phone-field-hint { color: #52655b !important; }
.calc-result .phone-field-hint { color: #17221d !important; }
.lead-form .phone-field-hint.is-error,
.promo-popup__form .phone-field-hint.is-error { color: #e98167 !important; }
.mortgage-dialog .phone-field-hint.is-error,
.business-questionnaire .phone-field-hint.is-error,
.detail-form .phone-field-hint.is-error { color: #a32916 !important; }
.calc-result .phone-field-hint.is-error { color: #521409 !important; }
input[data-phone-invalid] { outline: 2px solid #c64e32; outline-offset: 2px; }