.sold-out-time-slot-selected .time_list {
  position: relative;
}

.sold-out-time-slot-selected .time_list span {
  color: #fff;
  text-decoration: line-through;
}

.sold-out-time-slot-selected .time_list::after {
  content: "Sold Out";
  display: block;
  font-size: 10px;
  color: #fff;
  font-weight: bold;
}

/* Sold out - selected state */
.sold-out-time-slot-selected .time_list span,
.sold-out-time-unselected span {
  color: #fff;
  text-decoration: line-through;
}

.sold-out-time-slot-selected .time_list::after,
.sold-out-time-unselected::after {
  content: "Sold Out";
  display: block;
  font-size: 10px;
  color: #fff;
  font-weight: bold;
}

/* Hide waitlist link when viewing an available timeslot */
.sold-out-time-unselected ~ * .waitlist-span,
.active-time-slot ~ * .waitlist-span {
  display: none;
}

/* Show waitlist link only when sold out time is selected */
.sold-out-time-slot-selected ~ * .waitlist-span {
  display: block;
}