@import "variables";
@import "mixins";

.component-video-section {
  overflow: hidden;
  .row {
    align-items: center;
    &.right {
      flex-direction: row-reverse;
    }
  }
  .video-wrap {
    .link-play {
      display: flex;
      align-items: center;
      position: absolute;
      transform: translate(48px, calc(-100% - 48px));
      @include bp("sm") {
        transform: translate(15px, calc(-100% - 15px));
      }
      svg {
        margin-right: 2rem;
        rect {
          fill: $col-prm;
        }
      }
    }
    @include bp("sm") {
      margin-bottom: $space-sm;
    }
  }
  .content-wrap {
    a.button {
      margin: 0 1rem 1rem 0;
    }
  }
}

.glightbox-container .ginner-container input[type="range"] {
  padding: inherit !important;
  border: inherit !important;
  background-color: transparent !important;
}
