.Article__content .meetingList {
    display: grid;
    gap: var(--gridGutter);
    margin: 0;
    padding: 0;
    list-style: none;
}

.meetingList + * {
    margin-top: var(--marginSmall);
}

.meetingList__item {
    position: relative;
    display: flex;
    gap: var(--rowGutter);
    transition: transform ease-in-out .2s;
}


.meetingList__item:hover {
    transform: translateY(-5px);
}

.meetingList__itemDetails {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.meetingList__title {
    font-size: var(--h6Size);
    font-weight: 600;
    transition: color .3s ease-in-out;
}

.meetingList__time,
.meetingList__location {
    font-size: var(--labelSize);
    font-style: normal;
    font-weight: 600;
    color: var(--baseLight100);
}

.meetingList__location span {
    display: inline-block;
    margin-left: .2rem;
}

.meetingList__date {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    aspect-ratio: 1;
    border-radius: var(--borderRadiusLarge);
    background-color: var(--accentColor500);
    transition: background-color .3s ease-in-out;
}

/*.meetingList__item:hover {*/
/*    transform: translateY(-5px);*/
/*    transition: transform ease-in-out .2s;*/
/*}*/

.meetingList__date > * {
    font-size: var(--bodySize);
    line-height: 1;
    color: var(--baseLight100);
}

.datetime__day {
    font-weight: bold;
}

.datetime__month {
    font-weight: lighter;
}

.meetingList__moreLink {
    display: flex;
    justify-content: flex-end;
    color: var(--baseLight100);
}