.video-container {
  position: relative;
  height: 100vh;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
body {
  background-color: #1D252C;
}
#jsplay {
  opacity: 0;
}
.player-button {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.player-button .play_icon {
  max-width: 290px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
@media (max-width: 420px) {
  .player-button .play_icon {
    max-width: 120px;
  }
}
.player-button .play_icon:hover {
  cursor: pointer;
}
.player-button.mobile .play_icon {
  max-width: 150px;
}
.player-mute {
  position: absolute;
  left: 30px;
  bottom: 30px;
  z-index: 5;
}
@media (max-width: 420px) {
  .player-mute {
    bottom: unset;
    top: 40px;
  }
}
#shop-link_desktop {
  position: absolute;
  right: 30px;
  bottom: 30px;
  z-index: 5;
  -webkit-animation: cta 1s infinite alternate;
}
@media (max-width: 420px) {
  #shop-link_desktop {
    right: 10px;
    left: 10px;
    bottom: 100px;
  }
  #shop-link_desktop img {
    max-width: 380px!important;
    width: 100%;
  }
}
#shop-link_desktop img {
  max-width: 450px;
}
#shop-link_mobile {
  position: absolute;
  right: 30px;
  left: 30px;
  bottom: 100px;
  z-index: 5;
  -webkit-animation: cta 1s infinite alternate;
}
@media only screen and (orientation: landscape) {
  #shop-link_mobile {
    max-width: 260px;
    right: 30px;
    bottom: 30px;
    left: initial;
  }
  #shop-link_mobile img {
    max-width: 260px;
  }
}
@keyframes cta {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.03);
  }
}