.appointment-message {
  grid-column: 1 / -1;
  margin: 0;
  padding: 12px 14px;
  border-radius: 8px;
  font-weight: 600;
}

.appointment-message.success { color: #176b3a; background: #eaf7ef; border: 1px solid #bce3ca; }
.appointment-message.error { color: #9c2525; background: #fff0f0; border: 1px solid #efbcbc; }
.appointment-form .field-validation-error { display: block; margin-top: 5px; color: #a51f1f; font-size: .85rem; }
.appointment-form .input-validation-error { border-color: #c93636; }

.appointment-form input::placeholder,
.appointment-form textarea::placeholder {
  color: #a9b1ba;
  opacity: 1;
}