.buttonTextColor--light .meeting__date,
.buttonTextColor--dark .meeting__date {
    color: var(--baseLight100);
    background-color: var(--primaryColor500);
}

.buttonTextColor--dark .meeting__date {
    color: var(--baseDark900);
}

.meeting__date {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 65px;
    min-width: 65px;
    min-height: 65px;
    margin-inline-end: var(--marginSmall);
    padding: var(--marginExtraSmall);
    background-color: var(--secondaryColor300);
    border-radius: calc(var(--borderRadiusSmall) / 4);
}

.meetingDate__day {
    font-size: var(--h3Size);
    font-weight: 700;
}

.meetingDate__month {
    font-size: var(--labelSize);
    text-transform: uppercase;
}