.ticket-tier {
  padding: 18px 0;
}

.ticket-tier:not(:last-child) {
  border-bottom: 1px solid #e4e7ef;
}

.ticket-tier:first-child {
  padding-top: 0;
}

.ticket-stepper {
  display: flex;
  align-items: center;
  gap: 18px;
}

.ticket-stepper__btn {
  width: 40px;
  height: 40px;
  border: 1px solid #315bd8;
  border-radius: 4px;
  color: #315bd8;
  background: #fff;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  transition: background .15s ease, color .15s ease;
}

.ticket-stepper__btn:hover:not(:disabled) {
  background: #2855d9;
  color: #fff;
}

.ticket-stepper__btn:disabled {
  border-color: #d5d8de;
  color: #97a4c6;
  cursor: default;
}

.ticket-stepper__count {
  min-width: 24px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}

.ticket-form [data-ticket-reserve]:disabled {
  background-color: #97a4c6 !important;
  cursor: default;
}