.ardex-video { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; background: #111; }
.ardex-video-play, .ardex-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.ardex-video-play { display: flex; align-items: center; justify-content: center; color: #fff; }
.ardex-video-play img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ardex-video-icon { position: relative; display: flex; align-items: center; justify-content: center; width: 68px; height: 48px; border-radius: 12px; background: #c00; color: #fff; font-size: 24px; }
.ardex-video-play:hover .ardex-video-icon { background: #e00; }
.ardex-video-play:focus-visible { outline: 3px solid #fff; outline-offset: -4px; }