.status {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 700;

    &.status--live { color: var(--status-danger-text) }
    &.status--success { color: var(--status-success-text) }
    &.status--past, &.status--cancelled { color: var(--text-secondary) }
}