.youtube-container {
    background: linear-gradient(#2e3b42, #161c1f);
    border: 1px solid #454e50;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}
.youtube-container h4 {
    color: #fff;
    text-align: center;
    margin-bottom: 1rem;
}
.youtube-video {
    padding: 0 !important;
    position: relative;
    cursor: pointer;
    text-align: center;
}
.youtube-video * {
    padding: 0 !important;
}
.youtube-video .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    width: 100px;
}
.youtube-video .player-poster {
    margin: 0 auto;
    aspect-ratio: 16 / 9;
    max-width: 60%;
}

.youtube-title {
    font-size: 1.8rem;
}
.youtube-desc {
    font-size: 0.8rem;
}

@media (max-width: 640px) {
    .youtube-title {
        font-size: 1.2rem;
    }
    .youtube-video .player-poster {
        max-width: 95%;
        font-size: 9px;
    }
}

@media (max-width: 480px) {
    .youtube-title {
        font-size: 1.3rem;
    }
    .youtube-desc {
        font-size: 0.7rem !important;
    }
    .youtube-video .play-button {
        max-width: 20%;
    }
}