@keyframes zoom-shadow {
    0%, 100% {
        box-shadow: 0px 0px 0px 9px #fff;
    }
    50% {
        box-shadow: 0px 0px 0px 4px #fff;
    }
}
@keyframes move-right {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
 .vimeo-facade img{
    width: 100%;
    height: 100%;
 }
 .play-video{
    display: flex;
    position: absolute;
    right: 8%;
    bottom: 15%;
 }
 .watch-video{
    display: none;
 }
.watch-video b{ 
    font-weight: 600;
    color: #0E1212;
}
 .play-btn{    
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 37px;
    height: 37px;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 4px #fff;
    background: linear-gradient(270deg, #F3CC2E -23.53%, #FFEB9A 100%);
    animation: zoom-shadow 2s infinite;
}
.play-btn::before{
    content: '';
    background: url('../../homepage/img/play-video.svg');
    background-size: 100% 100%;
    width: 12px;
    height: 25px;
    position: absolute;
    transform: translate(1px, 1px);
}
iframe{
    width: -webkit-fill-available;
}
.loading-spinner{
    display: none;
}
.watch-video b,
.vimeo-facade{    
    cursor: auto;
}

@media screen and (min-width: 768px){
    .play-btn{    
        width: 54px;
        height: 54px;
   }
   
    .play-btn::before{
        width: 17px;
    }
}

@media screen and (min-width: 1500px){
    .play-btn{    
        bottom: 21%;
    }
    .watch-video{
        display: flex;
        position: relative;
        margin-right: 12px;
    }
    .watch-video b{
        font-size: 14px;
    }
    
    .watch-video:after{
        content: '';
        background: url('/wp-content/themes/buddyboss-theme-child/homepage/img/dashed-arrow.svg');
        background-size: auto;
        background-repeat: no-repeat;
        width: 88px;
        height: 44px;
        position: absolute;
        bottom: 0; 
        left: 20%;
        animation: move-right 2s infinite;
    }
}
@media screen and (min-width: 1920px){
    .watch-video{
        margin-right: 24px;
        margin-top: -10%;
    }
    .watch-video::after{
        bottom: 34%;
        left: 46%;
    }
    .play-btn{    
       width: 68px;
       height: 68px;
       box-shadow: 0px 0px 0px 7px #fff;
       transform: translateY(-56%);
   }
   .play-btn::before{
       width: 21px;
   }
    .watch-video b{
        font-size: 18px;
    }
}