.reservation-form select {
  width: 100%;
  height: 68px;
  border: 0;
  outline: 0;
  color: var(--ink);
  background: #fff;
  appearance: auto;
}

.reservation-form select:focus {
  box-shadow: inset 0 -2px #0086a8;
}

.reservation-status {
  margin: 14px 0 0;
  padding: 14px 16px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.5;
}

.reservation-status.is-pending {
  color: #1b5f70;
  background: #e9f6f8;
}

.reservation-status.is-success {
  color: #17633b;
  background: #e9f7ef;
}

.reservation-status.is-error {
  color: #9d2424;
  background: #fff0f0;
}

@media (max-width: 980px) {
  .reservation-form select {
    height: 84px;
    font-size: 20px;
  }
}