video-play-pause {
  display: block;
  position: absolute;
  z-index: 10;
  bottom: 5px;
  right: 5px;
}

video-play-pause button {
  display: block;
  border: none;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  background-color: transparent;
  background-image: url(../svg/icon-pause-video.svg);
  opacity: 0.3;
}

video-play-pause button:focus-visible {
  outline: 2px solid rgb(var(--color-base-text-2));
  outline-offset: 1px;
  box-shadow: none;
  opacity: 1;
}

video-play-pause.paused button {
  background-image: url(../svg/icon-play-video.svg);
}