.simple-video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.simple-video__video-action {
  background: none;
  border: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  cursor: pointer;
  padding: 0;
}
.simple-video__video-action:active + .simple-video__button .btn__icon,
.simple-video__video-action + .simple-video__button:active .btn__icon {
  transform: scale(0.8);
}
.simple-video.focus-visible:focus {
  border: 2px #fff solid;
  border-radius: 2px;
}
.simple-video__description {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  margin: -1px;
  white-space: nowrap;
}
.simple-video__button {
  position: absolute;
  bottom: 1.25rem;
  left: 1.25rem;
}
.simple-video__button, .simple-video__button .btn__icon {
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.4, 1), transform 100ms cubic-bezier(0.4, 0, 0.4, 1);
  transform-origin: center;
}
.simple-video--custom-click:hover:active + .simple-video__button .btn__icon {
  opacity: 1;
  transform: scale(1);
}

@media (hover: hover) {
  .simple-video__button {
    opacity: 0;
  }
  .simple-video__video-action:hover:active + .simple-video__button .btn__icon, .simple-video__button, .simple-video__button .btn__icon {
    transform: scale(0.8);
  }
  .simple-video__button:active:not(:disabled) .btn__inner, .simple-video__button:focus.focus-visible, .simple-video__video-action:focus.focus-visible + .simple-video__button, .simple-video__button:hover, .simple-video__button:hover .btn__icon, .simple-video__video-action:hover + .simple-video__button, .simple-video__video-action:hover + .simple-video__button .btn__icon, .simple-video__video-action--custom-click:hover:active + .simple-video__button .btn__icon {
    opacity: 1;
    transform: scale(1);
  }
}
@media (hover: hover) and (pointer: coarse) {
  .simple-video__button {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .simple-video__button, .simple-video__button .btn__icon {
    transition: none;
  }
  .simple-video__video-action:hover:active + .simple-video__button .btn__icon, .simple-video__video-action--custom-click:hover:active + .simple-video__button .btn__icon, .simple-video__button:active:not(:disabled) .btn__inner, .simple-video__button:active:not(:disabled) .btn__icon {
    transform: scale(1);
  }
}

.video-player {
  position: relative;
}
.video-player__description {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  margin: -1px;
  white-space: nowrap;
}
.video-player__video {
  width: 100%;
  max-width: 100%;
}

/*video player */