div.event-card-wrapper {
    padding: var(--article-padding) var(--article-padding) 0;
}

div.footer-right-content {
    display: flex;
    align-items: center;
    padding-right: 20px;
    /* Was 30px top and bottom. That padding stretched the card footer to 125px
       and left 63px under the arrow against 31px above the date. The card's
       breathing room comes from the footer's own padding in pages/_events.scss
       instead. Same fix as news-card-accessible.css. */
    padding-top: 0;
    padding-bottom: 0;
}

#main_content > div > section > div > div > footer > div > a.event-card-read-more-link {
    text-decoration: none;
    padding-left: 20px;
    padding-top: 0;
    padding-right: 0;

}

#main_content > div > section > div > div > footer > div > a.event-card-read-more-link > svg {
    display: block !important;
}

#main_content > div > section > div > div > footer > div > a.event-card-read-more-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}

#main_content > div > section > div > div > footer > div > a.event-card-read-more-link::after {
    content: none;
}

#main_content > div > section > div > div > footer > div > a.event-card-read-more-link:hover,
#main_content > div > section > div > div > footer > div > a.event-card-read-more-link:focus
 {
    background: none;
    color: var(--color-third);
}

.card-v3__footer {
    margin-top: 0;
}