.block-posts-slider {
    .slide img {
        height    : 100%;
        width     : auto;
        max-height: 220px;
        transition: scale .1s ease-in-out;
    }

    .slide a:hover img {
        scale: 1.05;
    }

    button:hover,
    button:focus,
    button:active {
        background: transparent !important;
    }

    button:hover .ring {
        fill: var(--secondary);
    }
}

@media screen and (min-width: 30em) {
    .block-posts-slider .slide img {
        max-height: 300px;
    }
}

@media screen and (max-width: 51.999em) {
    .block-posts-slider .slider .prev,
    .block-posts-slider .slider .next {
        position: relative;
    }
}

@media screen and (min-width: 52em) {
    .block-posts-slider .slide img {
        margin: auto;
    }
}