.promoCodeField {
  margin: 4px 0 20px;
}

.promoCodeField > label {
  margin-bottom: 7px;
}

.promoCodeField input[type="text"] {
  width: 100%;
  text-transform: uppercase;
}

.promoCodeStatus {
  min-height: 16px;
  margin-top: 7px;
  color: #66717a;
  font-size: 11px;
}

.bookingTotal {
  display: grid;
  gap: 6px;
  padding-top: 12px;
  border-top: 1px solid #d7d4cd;
  color: #66717a;
  font-size: 12px;
}

.bookingTotal[hidden] {
  display: none;
}

.bookingTotal strong {
  color: #101722;
  font-size: 14px;
}

.bookingTotal span:nth-child(2) {
  color: #397b30;
}