.video-tile{
   width: fit-content;
   padding: 8px;
   border-radius: 8px;
   background: #FFF;
   box-shadow: 0px 4px 15px 2px rgba(53, 92, 3, 0.15);
   text-decoration: none;
   border: none;
}

.thumbnail-wrapper::after{
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
   border-radius: 8px;
}

.thumbnail-video--img{
   width: 60px;
   height: 43px;
   border-radius: 8px;
}

.arrow-circle{
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 29px;
   height: 29px;
   border-radius: 50%;
   z-index: 2;
}

.modal-close{
   position: absolute;
   top: -22px;
   right: -22px;
}