.video-box{
aspect-ratio: 16/9;
    width: 100%;
    height: auto;
    position: relative;
    background-color: #000;
}
.video-box>div{
            width: 100%;
            height: 100%;
        }
.vjs-poster {
    background-size: 100% 100% !important;
}
        .video-overlay {
            position: absolute;
            bottom: 0;
            width: 100%;
            padding: 1rem;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
            color: white;
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            font-size: 1rem;
        }

        .video-title {
            font-weight: 500;
        }
    
        
        

.file{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #FFF9E6;
    margin-left: 10px;
}
.file-size{
    color:  rgba(102, 112, 133, 1);
    font-size: 12px

}

.show-file{
     background-color: #34C759;
    border: none;
}