.st-cover-video__container {
  position: relative;
  max-height: 100vh;
  min-height: 35vh;
}

.st-cover-video__container > video {
  position: absolute;
  z-index: 0;

  width: 100%;
  max-height: 100vh;
  min-height: 35vh;
  object-fit: cover;
}

.st-cover-video__container > .acf-innerblocks-container {
  position: relative;
  z-index: 10;
}

.st-cover-video__container:not(.autoplays):not(.playing):not(.touched) > .st-cover-video__container__controls {
  display: none;
}

.st-cover-video__container.autoplays > .st-cover-video__container__controls-large {
  display: none;
}

.st-cover-video__container.touched > .st-cover-video__container__controls-large {
  display: none;
}

.st-cover-video__container:not(.autoplays).playing > .st-cover-video__container__controls-large {
  display: none;
}

.st-cover-video__container__controls-large {
  position: absolute;
  bottom: 50%;
  left: 50%;

  z-index: 20;
}

.st-cover-video__container__controls-large button {
  appearance: none;
  background: none;
  border: none;
  opacity: 0.8;
  transition: opacity 0.2s;
}

.st-cover-video__container__controls-large button:hover {
  cursor: pointer;
  opacity: 1;
}

.st-cover-video__container__controls-large svg {
  color: white;
  width: 125px;
  height: 125px;
  position: relative;
  left: -62.5px;
  top: 42.5px;
}

.st-cover-video__container__controls {
  position: absolute;
  bottom: var(--wp--preset--spacing--20);
  right: var(--wp--preset--spacing--20);

  z-index: 20;
  color: white;
}

.st-cover-video__container__controls button {
  appearance: none;
  background: none;
  border: none;
  opacity: 0.8;
  transition: opacity 0.2s;
}

.st-cover-video__container__controls button:hover {
  cursor: pointer;
  opacity: 1;
}

.st-cover-video__container__controls svg {
  color: white;
  width: 50px;
  height: 50px;
}

.st-cover-video__container .st-cover-video__container__controls__pause {
  display: none;
}

.st-cover-video__container.playing .st-cover-video__container__controls__pause {
  display: inline-block;
}

.st-cover-video__container.playing .st-cover-video__container__controls__play {
  display: none;
}

.st-cover-video__container .st-cover-video__container__controls__mute {
  display: none;
}

.st-cover-video__container.muted .st-cover-video__container__controls__mute {
  display: inline-block;
}

.st-cover-video__container.muted .st-cover-video__container__controls__unmute {
  display: none;
}