.wwt3-stage {
  position: relative;
  width: 100%;

  video {
    max-width: 100%;
  }

  h2 {
    color: white;
    font-size: var(--font-size-stage);
    width: 50%;
  }
}


#wwt3-stage-media {
  display: block;
  margin: 0 auto;
  height: 100vh;
  min-height: 650px;
  object-fit: cover;
  width: 100vw;
}
.wwt3-stage-header.frame {
  position: absolute;
  bottom: 25px;
  width: 100%;
}

#wwt3-stage-playbutton {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background-color: white;

  &.is-playing {
    .play {
      display: none;
    }

    .pause {
      display: block;
    }
  }

  &.is-paused {
    .play {
      display: block;
    }

    .pause {
      display: none;
    }
  }
}