section.block-directions{
    border: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.block-directions .wp-block-columns:has(> .wp-block-column):not(:has(> .wp-block-column:nth-child(2))) {
    display: flex;
    justify-content: center;
}
.block-directions .directions-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(auto, 1fr));
    grid-gap: 2rem 1rem;
    list-style: none;
    padding-inline-start: 0;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.directions-list .direction-item{
    position: relative;
    min-height: 100px;
    padding: 0.833rem 0.625rem;
    color: var(--wp--preset--color--white);
    border-radius: 6px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.3s ease-in-out;
}
.directions-list .direction-item .direction-content{
    position: relative;
    z-index: 2;
    display: flex;
    align-items: end;
    height: 100%;
}
.directions-list .direction-item .overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
    z-index: 1;
    transition: all 0.3s ease-in-out;
}
.directions-list .direction-item .direction-title{
    margin-top: 0;
    margin-bottom: 0.25rem;
}
.directions-list .direction-item .direction-description p{
    margin-top: 0;
    margin-bottom: 0;
}
.block-directions .directions-button{
    display: flex;
    justify-content: center;
}

/* Mobile */
@media only screen and (max-width : 1290px) {
    .block-directions .directions-list {
        grid-template-columns: repeat(1, minmax(auto, 1fr));
        grid-gap: 0.75rem;
    }
}