.de_dn_youtube_video {
position: relative;
padding-bottom: var(--de-dn-aspect, 56.25%);
height: 0;
overflow: hidden;
max-width: 100%;
background: #000;
}
.de_dn_youtube_video:focus {
outline: 2px solid #fff;
outline-offset: 2px;
}
.de_dn_youtube_video:focus-visible {
outline: 3px solid #2ea3f2;
outline-offset: 3px;
}
.de_dn_youtube_video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: transparent;
}
.de_dn_youtube_video img {
height: 100%;
margin: 0;
bottom: 0;
display: block;
left: 0;
max-width: none;
width: 100%;
position: absolute;
right: 0;
top: 0;
border: none;
cursor: pointer;
object-fit: cover;
object-position: center;
transition: 0.4s all;
}
.de_dn_youtube_video:hover img {
filter: brightness(50%);
}
.de_dn_youtube_video .play {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
position: absolute;
cursor: pointer;
pointer-events: none;
}
.de_dn_youtube_video .play::before {
font-family: ETmodules;
content: "\49";
color: #fff;
font-size: 80px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.de_dn_youtube_video .et_pb_video_play {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}