.splide__slide--has-video {
    cursor: pointer
}

.splide__slide--has-video:hover .splide__video__play {
    opacity: 1
}

.splide__slide__container--has-video {
    cursor: pointer;
    position: relative
}

.splide__slide__container--has-video:hover .splide__video__play {
    opacity: 1
}

.splide__video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.splide__video__wrapper {
    background: #000;
    height: inherit;
    width: inherit
}

.splide__video__wrapper div,
.splide__video__wrapper iframe,
.splide__video__wrapper video {
    height: 100%;
    width: 100%
}

.splide__video__play {
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    left: 50%;
    opacity: .7;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .1s linear;
    width: 40px
}

.splide__video__play:after {
    border-color: transparent transparent transparent #000;
    border-style: solid;
    border-width: 9px 0 9px 17px;
    content: "";
    display: inline-block;
    margin-left: 4px
}