.video_container {
  position: relative;
  width: 100%;
  height: 100dvh;
  overflow: hidden;
}

.video_container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  
}


.video_overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 7.2rem;
}

.video_button {
  width: 44.7rem;
}

@media (max-width: 767px) {
  .video_overlay {
    padding-bottom: 4.8rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .video_container video {
    opacity: 0;
    transition: opacity 0.5s ease;
  }


.video_container video.playing {
  opacity: 1;
}
}