.event-reservation-countdown {
    margin-bottom: 1rem;
    padding: .75rem 1rem;
    border: 1px solid var(--bs-warning);
    border-radius: var(--bs-border-radius);
    background: rgba(var(--bs-warning-rgb), .1);
}

.event-reservation-countdown__time {
    font-variant-numeric: tabular-nums;
    font-weight: 700;
}

.event-reservation-countdown__message {
    margin-top: .5rem;
    color: var(--bs-danger);
}

.event-reservation-countdown.is-expired,
.event-reservation-countdown.is-unavailable {
    border-color: var(--bs-danger);
    background: rgba(var(--bs-danger-rgb), .08);
}