[data-video-player] { position: relative; }
.video-play {
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 85%;
  min-height: 48px;
  padding: 12px 24px;
  border: 2px solid #fff;
  border-radius: 999px;
  background: #342796;
  color: #fff;
  box-shadow: 0 4px 20px #0008;
  font: 700 1rem/1.4 system-ui, sans-serif;
  cursor: pointer;
}
.video-play::before { content: '\25B6'; margin-right: 8px; }
.video-play:hover { background: #4938c6; }
.video-play:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.video-play[hidden] { display: none; }
.video-status:not(:empty) {
  position: absolute;
  z-index: 4;
  left: 5%;
  right: 5%;
  top: calc(50% + 36px);
  padding: 8px;
  border-radius: 8px;
  background: #101323;
  color: #fff;
  text-align: center;
  font: 400 .9rem/1.4 system-ui, sans-serif;
}
.hero-video:fullscreen, .aha-video:fullscreen { object-fit: contain; }