/* Original play layers and motion from the Hogwarts Legacy reference requested by the owner.
   Source: https://www.hogwartslegacy.com/pt-br
   The player itself continues to use the server's own video and poster. */
.video-play.legacy-play {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 140px;
  height: 140px;
  padding: 0;
  line-height: 0;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 100px;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  transform: translate(-50%, -50%);
  transition: none;
}
.video-play.legacy-play:hover,
.video-play.legacy-play:focus {
  background: transparent;
  box-shadow: none;
  border-color: transparent;
}
.video-play.legacy-play img {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: auto;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  filter: none;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transform-origin: center center;
  transition: transform .4s cubic-bezier(.48, 0, .48, 1);
}
.video-play.legacy-play img.arrow { margin-left: 7px; width: 44px; }
.video-play.legacy-play:hover img.outer,
.video-play.legacy-play:focus img.outer { transform: translate(-50%, -50%) rotate(90deg); }
.video-play.legacy-play:hover img.inner,
.video-play.legacy-play:focus img.inner { transform: translate(-50%, -50%) rotate(-45deg); }
.video-play.legacy-play:hover img.lip,
.video-play.legacy-play:focus img.lip { transform: translate(-50%, -50%) rotate(-25deg); }
.video-play.legacy-play:hover img.arrow,
.video-play.legacy-play:focus img.arrow { transform: translate(-50%, -50%) scale3d(1.05, 1.05, 1); }
.video-play.legacy-play[hidden] { display: none; }
@media (min-width: 992px) {
  .video-play.legacy-play { width: 170px; height: 170px; }
  .video-play.legacy-play img.arrow { margin-left: 8px; width: 54px; }
}