.events-block {
    display: flex; flex-wrap: wrap; gap: 40px;
}

.event__single { width: 100%; }

@media (min-width: 768px) { .events-block .event__single { width: auto; flex: 0 0 calc((100% - 80px) / 3); } }
.events-block .event__single .event__single--image {
    aspect-ratio: 1 / 1; overflow: hidden;
    border-radius: 30px;
    flex: 1 0 auto;
    width: 100%;
}
.events-block .event__single .event__single--image img {
    width: 100%; height: 100%;
    object-fit: cover; object-position: center;
}

.events-block .event__single--content { margin-top: 30px; }

.events-block .event__single:first-child {
    flex-basis: 100%; width: 100%;
}
@media (min-width: 768px) {
    .events-block .event__single:first-child {
        display: flex; gap: 40px; align-items: center;
    }

    .events-block .event__single:first-child .event__single--content { margin-top: unset; }
    .events-block .event__single:first-child .event__single--image {
        flex-basis: 40%; width: 40%;
    }
}

@media (max-width: 768px) {
    .event__single { margin-bottom: 40px; }
}


.events-block .event__single--content h3 {
    margin: var(--wp--preset--spacing--30) 0;
}

.event__single .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link {
    border: 2px solid white; color: white;
}

.event__single .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:hover {
    color: var(--wp--preset--color--dark-navy);
}