.iframe-video{
    position: absolute;
    z-index: 9999;
    box-sizing: border-box;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    border: 0px solid #757b92;
    margin: 10px;
    box-shadow: 0 0px 10px rgba(38, 35, 60, 0);
    
   
}
.iframe-video iframe{
    width: 100%;
    height: 100vh;
    border: none;
   
}
.iframe-vk{
    display: flex;
    justify-content: center;
    background: black;
    height: max-content;
}
.iframe-vk iframe{
    max-width: 500px;
}

.iframe-disabled{
    display: none;
}
   
.btn-play-video{
    position: absolute;
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 62px;
    border-radius: 50%;
    left: 20px;
    bottom: 22px;
    overflow: hidden;
    background: #0055c9;
    border: none !important;
    text-decoration: none !important;
}

.btn-close{
    position: absolute;
    width: 40px;
    height: 40px;
    right: 5px;
    top: 0px;
    border: none;
    background: #0082c800;
    font-size: 32px;
    color: white;
    cursor: pointer;
    max-height: 1000px;
}
.btn-close:hover{
     background: #0082c8;
}
body{
    padding: 0px;
    margin: 0px;
}

.video-short{
    position: relative;
    margin: 5px;
    box-sizing: border-box;
    width: min-content;
    padding: 0px;
    border: none;
    overflow: hidden;
    background: white;
}
.video-short video{
    width: 195px;
    height: 346px;
    border-radius: 13px;
    border: none;
    margin: 0px;
    /* margin: 5px; */
    padding: 0px;
    /* position: relative; */
   
}
.video-short video::-webkit-media-controls{
    border-radius: 20px;
}
.btn-play-video{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 62px;
    border-radius: 50%;
    left: 20px;
    bottom: 22px;
    overflow: hidden;
    background: #0055c9;
}
.btn-play-video span{
    position: absolute;
    content: ' ';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: radial-gradient(circle, rgb(38 122 195 / 97%) 14%, rgb(73 170 255 / 5%) 67%, rgb(55 145 255 / 0%) 104%);
}

.btn-play-video::before{
   z-index: 9999;
    position: absolute;
    content: '';
    left: 31px;
    top: 16px;
    border: 10px solid transparent;
    border-top: 20px solid #ffffff;
    transform: rotate(-90deg);
}


.video-post video{
    width: 100%;
    height: 100%;
    margin: 0px;


}
.video-post{
    width: 450px;
    height: 300px;
    padding: 0px;
}








@media only screen and (max-width: 3000px){
    .iframe-video {
        margin-top: 200px;
    }
}

@media only screen and (max-width: 1000px){
    .iframe-video{
        border-radius: 15px;
        margin-top: 100px;
    }
}
@media only screen and (max-width: 800px){
    .iframe-video{
        border-radius: 15px;
        margin-top: 20px;
    }
}
@media only screen and (max-width: 500px){
    .iframe-video{
        border-radius: 15px;
    }
    .iframe-video iframe{
         border-radius: 15px;
    }
    .video-post{
    width: 376px;
    height: 252px;
    padding: 0px;
}
}
@media only screen and (max-width: 500px){
    .iframe-video{
        margin: 10px;
}
@media only screen and (max-width: 420px){
    .iframe-video{
        margin: 10px;
}
 .video-post{
    width: 334px;
    height: 225px;
    padding: 0px;
}
}



.btn-close{
    border-radius: 0px 15px 0px 0px;
}
}