.vid-play-button{
cursor: pointer;
position: absolute;
width: auto !important;
height: 75px !important;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s ease;
box-shadow: none;
z-index: 2;
}
.vid-thumbnail{
object-fit: cover;
position: relative;
z-index: 1;
border-radius: 1rem;
}
.custom-video{
overflow: hidden;
border-radius: 10px;
}
.vid-play-button:hover{
transform: translate(-50%, -50%) scale(1.05);
box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.337);
}
.loader-container{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.loader {
position: relative;
z-index: 0;
border: 0.5em solid lightgrey;
height: 50px;
width: 50px;
border-radius: 50%;
border-top: 0.5em solid #5AA8FF;
animation: spin 1.5s linear infinite;
}
@keyframes spin {
100% {
transform:  rotate(360deg);
}
}