.custom-video {
  width: auto;
  height: 100%;
  max-width: 100%;
}

.video-play-wrapper {
  width: fit-content;
  height: inherit;
  max-width: 100%;
  position: relative;
  svg {
    height: max(40px, 7.6vw);
    width: max(40px, 7.6vw);
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    z-index: 10;
  }
  &[data-autoplay="1"] {
    svg {
      display: none;
    }
  }
  &.playing {
    svg {
      display: none;
    }
  }
}