.videos-block {
    background: var(--Background-Primary);
}
.videos-wrap {
    flex-basis: 100%;
    border: 1px solid var(--Stroke-Primary);
    padding: 1.25rem 1.75rem;
    margin-bottom: -1px;
}
.videos-title {
    flex-basis: 50%
}
.youtube-videos-block {
    flex-basis: 100%
}
.youtube-videos-block > * {
    flex-basis: 50%
}
.videos-block-content > *:last-child {
    margin-bottom: 0
}
.button.youtube-button {
    border: 1px solid #E02424;
    background: #E02424;
    color: #fff;
}
.button.youtube-button:hover {
    color: var(--Background-Primary);
}
.ws-videos {
    width: 100%;
}
.video-item {
    position: relative;
    aspect-ratio:1.76;
    margin: .75rem;
}
.sticky-video.video-item {
    display: block;
    aspect-ratio:1.936;
    margin: 5rem 2.5rem 0;
}
.video-item img {
    position: absolute;
    top:0; left:0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.play-video {
    position: absolute;
    z-index: 2;
    top:calc(50% - 1.5rem);
    left:calc(50% - 1.5rem);
    display: flex;
    width: 3rem;
    height: 3rem;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background: rgba(20, 20, 20, 0.80);
    color: #fff;
    backdrop-filter: blur(2px);
    transition: background-color .5s;
}
.video-item:hover .play-video {
    background: rgba(20, 20, 20, 1);

}
@media (max-width:991px) {
    .videos-block {
        padding: 4rem 0;
    }
    .sticky-video.video-item {
        margin-top: 3rem;
    }
    .videos-wrap {
        margin-top:3rem;
    }
    .youtube-videos-block {
        /* flex-wrap:wrap; */
        flex-direction: column-reverse;
    }
    .videos-block-content {
        margin-bottom: 2rem
    }
    .videos-title {
        flex-basis: 70%
    }
    .video-item {
        flex-basis: calc(50% - 1.5rem);
    }

}
@media (max-width:767px) {
    .videos-block {
        padding: 3rem 0;
    }
    .sticky-video.video-item {
        margin: 2rem 1.5rem 0;
    }
    .videos-wrap {
        margin-top:2rem;
        padding: .75rem
    }
    .videos-title {
        flex-basis: 100%
    }
}
@media (max-width:480px) {
    .video-item {
        flex-basis: calc(100% - 1.5rem);
    }
}
@media (min-width:992px) {
    .videos-block {
        padding: 6rem 0;
    }
    .sticky-video.video-item,
    .videos-wrap {
        margin-top:5rem;
    }
    .video-item {
        flex-basis: calc(33.333% - 1.5rem);
    }
}