.as-video-play {
  display: none;
}

@media (max-width: 768px) {
  main:has(.as-video-frame),
  main:has(.atc-modal-media),
  main:has(.atc-opening-video-frame) {
    overflow: visible;
  }

  .as-video-frame,
  .atc-modal-media,
  .atc-opening-video-frame {
    position: relative;
    overflow: visible;
    pointer-events: auto;
    touch-action: manipulation;
  }

  .atc-video-modal-body {
    overflow: visible;
  }

  .as-video-frame iframe,
  .atc-modal-iframe,
  .atc-opening-video {
    pointer-events: auto;
    touch-action: manipulation;
  }

  .as-video-play {
    position: absolute;
    inset: 0;
    z-index: 4;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0.5rem;
    background: transparent;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
  }

  .is-playing > .as-video-play,
  .as-video-play[hidden] {
    display: none;
    pointer-events: none;
  }

  .as-video-play:focus-visible {
    outline: 2px solid var(--teal);
    outline-offset: 2px;
  }
}