.vc-video-ml { position: relative; width: 100%; }
.vc-video-ml__ratio { position: relative; width: 100%; height: auto; }
.vc-video-ml__ratio::before { content: ""; display: block; width: 100%; padding-top: 56.25%; } /* 16:9 */
.vc-video-ml__ratio-16x9 { aspect-ratio: 16 / 9; } /* modern browsers */
.vc-video-ml__ratio > video,
.vc-video-ml__ratio > .vc-video-ml__overlay {
  position: absolute; inset: 0; width: 100%; height: 100%;
}

.vc-video-ml__video { display: block; background: #000; object-fit: cover; }

.vc-video-ml__overlay {
  display: grid; place-items: center;
  background: rgba(0,0,0,0.25);
  border: 0; cursor: pointer;
  transition: opacity .2s ease;
}
.vc-video-ml__overlay.is-hidden { opacity: 0; pointer-events: none; }

.vc-video-ml__overlay-icon {
  width: 72px; height: 72px; border-radius: 999px;
  display: inline-block; position: relative;
  background: rgba(255,255,255,0.9);
}
.vc-video-ml__overlay-icon::before {
  content: ""; position: absolute; left: 28px; top: 22px;
  border-style: solid;
  border-width: 14px 0 14px 22px;
  border-color: transparent transparent transparent #000;
}