.video-item img{width:100px}.video-list{display:flex;flex-wrap:wrap;gap:1em}.video-item{flex:1 1 calc(48% - 2em);box-sizing:border-box;padding:0;border-radius:8px;transition:transform .3s ease;display:flex;align-items:center;margin-bottom:10px;background-color:#46464652;cursor:pointer}.video-item:hover{background-color:#4e4e4ec2}.video-item p{margin-top:1em}.video-item:hover{transform:scale(1.05)}@media (max-width: 1200px){.video-item{flex:1 1 calc(33.333% - 2em)}}@media (max-width: 768px){.video-item{flex:1 1 100%}}@media (max-width: 480px){.video-item{flex:1 1 calc(100% - 2em)}}.close-button{position:absolute;top:0;right:0;padding:1em;color:#fff;cursor:pointer;font-size:1.5em;z-index:1}.close-button:before{content:"X"}.video-thumbnail{position:relative;display:inline-block}.video-thumbnail img{border-radius:8px;margin-right:10px;display:block}.video-thumbnail .play-button-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#0009;color:#fff;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.5em;cursor:pointer;opacity:0;transition:opacity .3s ease}.video-item:hover .video-thumbnail .play-button-overlay{opacity:1}.video-details{display:flex;flex-direction:column}.video-description{margin-top:5px;margin-bottom:10px}.video-play-button{display:flex;align-items:center;background-color:transparent;border:none;cursor:pointer;position:relative}.video-play-button .fas{margin-right:5px}.video-play-button .play-text{display:none;position:absolute;left:0;width:100%;text-align:center}.video-play-button:hover .play-text{display:block}