.video-banner {
  position: relative;
}

.video-banner video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-banner .deferred-media.desktop {
  display: none;
}

.video-banner__cta {
  margin-top: 2.5rem;
  margin-bottom: 3rem;
  text-align: center;
}

.video-banner .media {
  transition: transform var(--duration-default);
}

.video-banner .media.zoom-out {
  transform: scale(0.9);
}

@media screen and (min-width: 750px) {

  .video-banner .deferred-media.desktop {
    display: block;
  }

  .video-banner .deferred-media.mobile {
    display: none;
  }

  .video-banner .media--square {
    padding-bottom: 56.25%;
  }
}