body:not(.home) .events-wrapper {
    justify-content: flex-start;
}

.events {
    border: 1px solid var(--color-border-2);
    border-radius: 10px;
}

.events:hover {
    box-shadow: 0 6px 24px 0 rgba(18, 43, 70, .12);
}

.event-link:hover {
    color: inherit;
}

.event-image {
    object-fit: cover;
    aspect-ratio: 5 / 3;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.event-meta {
    background-color: var(--color-white);
    text-align: left;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    transition: all .5s ease;
}

.event-meta .event-link {
    display: block;
    padding: 15px;
}

.event-title {
    font-size: var(--font-xl);
    font-weight: var(--font-semibold);
    margin-bottom: 5px;
}

.event-location {
    font-size: var(--font-md);
}

.events .button {
    width: 100%;
}

@media (max-width: 850px) {
    .events-wrapper:not(.element-scroll-mobile) > .d-col-33 {
        max-width: calc(50% - 15px);
        width: calc(50% - 15px);
    }
}

@media (max-width: 580px) {
    .events-wrapper:not(.element-scroll-mobile) > .d-col-33 {
        max-width: 100%;
        width: 100%;
    }
}

@media (max-width: 544px) {
    .events .button {
        min-width: 100%;
    }
}