.youtube-video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    cursor: pointer;
}

.youtube-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
}

.youtube-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.youtube-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    height: 48px;
}

.youtube-play-button-bg {
    fill: #212121;
    fill-opacity: 0.8;
}

.youtube-play-button-icon {
    fill: #fff;
}

.youtube-video:hover .youtube-play-button-bg {
    fill: #f00;
    fill-opacity: 1;
}