.video-thumbnail {
    position: relative;
    cursor: pointer;
}

.video-thumbnail::before {
    content: "\f144"; 
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    color: white; 
    background-color: rgba(0, 0, 0, 0.6); 
    border-radius: 50%; 
    padding: 0px 13px; 
    pointer-events: none;
    transition: all 0.3s ease;
    z-index: 1;
}

.video-thumbnail:hover::before {
    background-color: rgba(255, 0, 0, 0.8); 
    transform: translate(-50%, -50%) scale(1.1);
}