@media (min-width: 801px) {
  .event-date {
    order: 0;
    margin-left: 0;
  }

  .event-heading h1 { order: 0; }
}

.quantity {
  height: 100%;
  min-height: 42px;
  display: grid;
  grid-template-columns: 34px 1fr 34px;
  align-items: center;
  background: var(--blue);
}

.quantity button {
  height: 100%;
  border: 0;
  background: transparent;
  color: white;
  font-size: 24px;
  cursor: pointer;
}

.quantity button:hover { background: #245cdb; }
.quantity output { text-align: center; color: white; font-weight: 700; font-size: 16px; }

@media (max-width: 800px) {
  .quantity { min-height: 82px; grid-template-columns: 30px 1fr 30px; }
}

.ticket-row .select.chosen { background: #245cdb; }
.ticket-row a.select { display: flex; align-items: center; justify-content: center; height: 100%; background: var(--blue); color: white; text-decoration: none; font-size: 16px; }
.ticket-row a.select:hover { background: #245cdb; }
.ticket-row a.whatsapp-link { background: #24a85a; }
.ticket-row a.whatsapp-link:hover { background: #168542; }