.vertical-slider {
    background-color: black;
}

.vertical-slider .swiper-slide {
    background-color: black;
    &:after {
        content: '';
        position: absolute;
        width: 100%;
        left: 0;
        box-shadow: 0 0 25px 25px black;
        z-index: 9;
        opacity: 1;
        transition: opacity 0.3s ease;
        bottom: clamp(17.5rem, 7.163rem + 45.94vw, 44.375rem);

        @media (min-width: 1296px) {
            opacity: 0;
        }    
    }
    img {
        object-fit: cover;
        object-position: 30% 0%;
        backface-visibility: hidden;
        width: 100%;
        height: 100% !important;
        max-height: clamp(17.5rem, 7.163rem + 45.94vw, 44.375rem); /* 280px - 710px */
        bottom: 0;
        top: unset;
    }
    
}
.vertical-slider {
    height: clamp(42.188rem, 41.339rem + 3.619vi, 44.375rem) !important;
    width: 100%;
}
.swiper-container-wrapper  {
    .info-block {
        max-width: 571px;
        margin-left: auto;
        h2 {
            margin-left: 4rem;
        }
    }
    .video-arrows {
        z-index: 1;
    }
    .wp-block-cover__inner-container {
        z-index: 1;
        position: absolute;
        padding-right: clamp(1.25rem, -0.156rem + 5.998vi, 4.875rem);
        padding-left: clamp(1.25rem, -0.156rem + 5.998vi, 4.875rem);
    }
}
.buttons-wrapper {
    @media(max-width: 853px) {
        max-width: 179px;
        margin-left: auto;
        margin-bottom: 2rem;
    }
    
}
.buttons-row {
    gap: var(--wp--preset--spacing--20) !important;
    row-gap: var(--wp--preset--spacing--10) !important;
    margin-bottom: var(--wp--preset--spacing--20);
    @media(max-width: 853px) {
        flex-direction: column;
        align-items: end !important;
        margin-bottom: var(--wp--preset--spacing--10);
    }
    .wp-block-button.is-style-outline a.wp-block-button__link {
        background-color: transparent;
        color: var(--wp--preset--color--white);
        border: 1px solid var(--wp--preset--color--white);
        pointer-events: none;
        @media(max-width: 853px) {
            font-size: 0.75rem;
            text-align: center;
            width: 100%;
        }
        
    }

    .wp-block-button.is-style-outline {
        @media(max-width: 853px) {
            width: 100%;
        }
        &:is(:hover, :focus) a {
            background-color: transparent !important;
        }
    }
}