/* Add hover effect for blog card content similar to class cards */
.blog-single-recent-block
    .blog-recent-card:hover
    .blog-recent-card
    > div:last-child {
    box-shadow: inset 0 0 0 10px white, inset 0 0 0 12px #334383;
}

/* Make sure the track extends to the edge */
.blog-single-recent-block .swiper-wrapper {
    overflow: visible !important;
}

@media screen and (min-width: 1272px) {
    /* Prepare title for movement */
    .blog-single-recent-block .blog-recent-title {
        position: relative;
        transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
        will-change: transform;
    }

    .blog-single-recent-block .swiper-wrapper {
        overflow: visible !important;
    }

    .blog-single-recent-block .swiper-wrapper {
        overflow: visible !important;
    }
}