.p2-required-mark {
  margin-left: 3px;
  color: #b91c1c;
  font-weight: 800;
}

[data-p2-invalid="true"] {
  border-color: #dc2626 !important;
  outline: 3px solid rgb(220 38 38 / 16%);
  outline-offset: 1px;
}

.p2-field-invalid {
  border-color: #fecaca !important;
  background-color: #fff7f7 !important;
}

label.p2-field-invalid {
  color: #991b1b;
}

.p2-field-help {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
}

.p2-next-step {
  display: block;
  margin-top: 4px;
  color: inherit;
  font-weight: 650;
}

@media (max-width: 640px) {
  [data-p2-invalid="true"] {
    outline-width: 2px;
  }

  .p2-field-help {
    font-size: 11px;
  }
}