video.video-js,
.video-js {
    width: 100%;
    min-height: 68vh;
    display: block;
    border: 0;
    border-radius: 22px;
    overflow: hidden;
    background:
        radial-gradient(circle at top, rgba(255, 181, 36, 0.16), transparent 45%),
        linear-gradient(180deg, rgba(18, 18, 18, 0.82), rgba(0, 0, 0, 0.96));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

.video-js video,
video.video-js source {
    width: 100%;
}

.video-js.video-js-fallback {
    outline: 1px solid rgba(255, 181, 36, 0.18);
}

.video-js.video-js-fallback::-webkit-media-controls-panel {
    background: rgba(0, 0, 0, 0.78);
}

.video-js.video-js-fallback::-webkit-media-controls-play-button,
.video-js.video-js-fallback::-webkit-media-controls-volume-slider,
.video-js.video-js-fallback::-webkit-media-controls-timeline {
    filter: saturate(1.12);
}

@media (max-width: 768px) {
    video.video-js,
    .video-js {
        min-height: 42vh;
        border-radius: 18px;
    }
}