.video {
  /* If two consecutive sections share the same data-bg-color, remove padding-top on the second */
}
.video section[data-bg-color=bg-white] + section[data-bg-color=bg-white], .video section[data-bg-color=bg-buff] + section[data-bg-color=bg-buff] {
  padding-top: 0 !important;
}
.video {
  /* repeat for each background color you use */
}
.video .p-20 {
  padding: 20px;
}
.video .mb-20 {
  margin-bottom: 20px;
}
.video {
  /*
  html .container, html .container-fluid {
      max-width: 100%;

      img {
          max-width: 100%;
      }
  }
      */
  /* If two consecutive sections share the same data-bg-color, remove padding-top on the second */
}
.video section[data-bg-color=bg-white] + section[data-bg-color=bg-white], .video section[data-bg-color=bg-buff] + section[data-bg-color=bg-buff] {
  padding-top: 0 !important;
}
.video {
  /* repeat for each background color you use */
}
.video .p-20 {
  padding: 20px;
}
.video .mb-20 {
  margin-bottom: 20px;
}
.video {
  /*
  html .container, html .container-fluid {
      max-width: 100%;

      img {
          max-width: 100%;
      }
  }
      */
}
.video iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}
.video-iframe-holder {
  aspect-ratio: 16/9;
}
.video-player-play-btn {
  z-index: 1;
}
.video-player-play-btn:hover {
  cursor: pointer;
}
.video .video-player-play-btn__inner {
  width: 70px;
  height: 45px;
  border-radius: 8px;
}
.video .video-player-play-btn__inner:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11px 16px 11px;
  border-color: transparent transparent #fff transparent;
  transform: rotate(90deg);
  display: inline-block;
}