.c-dateTime {
    padding: 4px;
    border-radius: 4px;
    font-size: var(--12Size);
    line-height: 1;
    color: var(--baseDark900);
    background: var(--baseLight500);
}

.c-dateTime__date {
    font-weight: 600;
    text-transform: uppercase;
}

/**
 * Multiple dates from schedule
 */
.c-dateTime__date.--multiple {
    display: block;
}

.c-dateTime__date.--multiple.--past {
    text-decoration: line-through;
}

/**
 * Larger date
 */

.c-dateTime.--large {
    padding: 12px;
    border-radius: var(--borderRadiusSmall);
    font-size: var(--14Size);
    line-height: 1.4;

    & .c-dateTime__date {
        text-transform: none;
    }

    @media (min-width: 713px) {
        & .c-dateTime__date {
            display: block;
        }
    }
}