.dkit-media-video.ratio-16x9 { aspect-ratio: 16 / 9; }
.dkit-media-video.ratio-9x16 { aspect-ratio: 9 / 16; }
.dkit-media-video.ratio-4x3  { aspect-ratio: 4 / 3; }
.dkit-media-video.ratio-1x1  { aspect-ratio: 1 / 1; }
.dkit-media-video.ratio-21x9 { aspect-ratio: 21 / 9; }
.dkit-media-video.ratio-auto { aspect-ratio: auto; }
.dkit-media-video iframe,
.dkit-media-video video { width: 100%; height: 100%; display: block; }
.dkit-media-video.embeded div:not(.contextual) {
  height: 100%;
}

/* Base play button */
.dkit-video-play {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

/* Sizes */
.dkit-video-play--sm {
  width: 2rem;
  height: 2rem;
}

.dkit-video-play--lg {
  width: 5rem;
  height: 5rem;
}

/* Overlay placement (when inside poster container) */
.dkit-video-launcher .dkit-video-play,
.position-absolute .dkit-video-play {
  pointer-events: none; /* so click passes to <a> */
}

/* Hover/focus states */
a:hover .dkit-video-play,
a:focus .dkit-video-play {
  transform: scale(1.1);
  opacity: 0.9;
}

/* Accessibility: hide black circle for themes that want flat style */
.dkit-video-play circle {
  fill: rgba(0, 0, 0, 0.6);
}

.dkit-video-play polygon {
  fill: #fff;
}

.play-button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}