.advertising-video-overlay {
  align-items: center;
  background: rgba(4, 18, 11, .88);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 24px;
  position: fixed;
  z-index: 1000;
}
.advertising-video-frame {
  background: #07150e;
  border-radius: 16px;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .46);
  max-height: 86vh;
  max-width: 1100px;
  overflow: hidden;
  position: relative;
  width: min(92vw, 1100px);
}
.advertising-video-frame video {
  display: block;
  max-height: 86vh;
  object-fit: contain;
  width: 100%;
}
.advertising-video-dismiss,
.advertising-video-sound,
.advertising-video-play {
  border: 0;
  color: #fff;
  position: absolute;
}
.advertising-video-dismiss {
  align-items: center;
  background: rgba(0, 0, 0, .64);
  border-radius: 50%;
  display: flex;
  font-size: 28px;
  height: 42px;
  justify-content: center;
  line-height: 1;
  right: 12px;
  top: 12px;
  width: 42px;
}
.advertising-video-sound {
  background: rgba(0, 0, 0, .68);
  border-radius: 8px;
  bottom: 12px;
  font-size: 13px;
  left: 12px;
  padding: 9px 12px;
}
.advertising-video-play {
  background: #087a42;
  border-radius: 9px;
  font-size: 15px;
  left: 50%;
  padding: 12px 18px;
  top: 50%;
  transform: translate(-50%, -50%);
}
.advertising-video-play[hidden] { display: none; }

@media (max-width: 640px) {
  .advertising-video-overlay { padding: 10px; }
  .advertising-video-frame { border-radius: 11px; width: 100%; }
  .advertising-video-dismiss { height: 38px; right: 9px; top: 9px; width: 38px; }
  .advertising-video-sound { bottom: 9px; left: 9px; }
}