/* ─── Link Hover Slide ─── */

.hover-slide {
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-decoration: none;
}

@media (hover: hover) {
    .hover-slide .hover-slide__text {
        display: block;
        transition: transform 0.35s cubic-bezier(0.65, 0, 0.35, 1);
    }

    .hover-slide .hover-slide__clone {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        transform: translateY(100%);
        transition: transform 0.35s cubic-bezier(0.65, 0, 0.35, 1);
    }

    .hover-slide:hover .hover-slide__text {
        transform: translateY(-100%);
    }

    .hover-slide:hover .hover-slide__clone {
        transform: translateY(0);
    }
}