.ticket-availability {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.95rem;
  font-weight: 600;
}

.ticket-availability::before {
  content: "";
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  flex: 0 0 0.75rem;
  border-radius: 50%;
}

.ticket-availability--available::before {
  background-color: #198754;
}

.ticket-availability--low::before {
  background-color: #ffc107;
}

.ticket-availability--sold-out::before {
  background-color: #dc3545;
}

.ticket-heading {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}

.ticket-heading h3 {
  margin: 0;
}