.appointment-form-status {
  margin-bottom: 1.25rem;
  border: 1px solid transparent;
  padding: 0.95rem 1rem;
  font-size: 0.975rem;
  line-height: 1.55;
}

.appointment-form-status--success {
  border-color: rgba(187, 247, 208, 0.45);
  background: rgba(220, 252, 231, 0.2);
  color: #f0fdf4;
}

.appointment-form-status--error {
  border-color: rgba(254, 202, 202, 0.45);
  background: rgba(127, 29, 29, 0.28);
  color: #fef2f2;
}

form[action="/api/appointments.php"] button[type="submit"].is-loading {
  cursor: wait;
  opacity: 0.78;
}

form[action="/api/appointments.php"] button[type="submit"]:disabled {
  pointer-events: none;
}