.videoBox {
position: fixed;
background: rgb(0 0 0 / 60%);
left: 0;
top: 0;
bottom: 0;
right: 0;
display: flex;
flex-direction: column;
justify-content: center;
transition: all ease .3s;
pointer-events: none;
opacity: 0;
z-index: 10;
padding: 0 18px;
}
.videoBox video{
max-width: 800px;
margin: 0 auto;
width: 90%;
}
.videoBox.show{
opacity: 1;
pointer-events: auto;
}
.closeVideo{
max-width: 150px;
background: #fff;
margin: 30px auto 0;
border-radius: 55px;
padding: 10px 30px;
width: 100%;
text-align: center;
font-size: 15px;
cursor: pointer;
transition: all ease .3s;
}
.closeVideo:hover{
background: #171717;
color: #fff;
}