.ticketleo-events-grid {
    display: var(--ticketleo-layout, grid);
    grid-template-columns: repeat(var(--ticketleo-columns, 3), var(--ticketleo-column-width, 1fr));
    list-style: none;
    padding-block: var(--ticketleo-padding-block, 0);
    padding-inline: var(--ticketleo-padding-inline, 0);
    gap: var(--ticketleo-row-gap, 3.75rem) var(--ticketleo-column-gap, 3.75rem);
}

@media screen and (max-width: 700px) {
    .ticketleo-events-grid {
        gap: var(--ticketleo-row-gap, 1.5rem) var(--ticketleo-column-gap, 1.5rem);
        grid-template-columns: var(--ticketleo-column-width, 1fr);
    }
}

@media screen and (min-width: 701px) and (max-width: 1199px) {
    .ticketleo-events-grid {
        gap: var(--ticketleo-row-gap, 2rem) var(--ticketleo-column-gap, 2rem);
        grid-template-columns: repeat(var(--ticketleo-columns, 2), var(--ticketleo-column-width, 1fr));
    }
}

.ticketleo-events-grid .ticketleo-event {
    border: var(--ticketleo-border-width, 1px) var(--ticketleo-border-style, solid) var(--ticketleo-border-color, var(--wp--preset--color--contrast));
    padding-block: var(--ticketleo-padding-block, 1rem);
    padding-inline: var(--ticketleo-padding-inline, 1rem);
    position: relative;
}

.ticketleo-events-grid .ticketleo-event .ticketleo-btn__link::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}