@mixin cwui-banner {
  .banner__inner {
    @include grid-row();
    position: relative;

    .row {
      @include grid-row($behavior: nest);
    }
  }

  .video-banner {
    &__content {
      align-items: center;
      /* background: rgba(0, 0, 0, 0.2); */
      display: flex;
      justify-content: center;
      height: 100%;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 2;
    }
    
    .button {
      opacity: .5;
      transition: opacity .3s;
  
      &:hover {
        opacity: 1;
      }
  
    }
    
    .button,
    .button:hover {
      color: #fff;
    }
    
    .responsive-embed {
      margin-bottom: 0;
    }
    
    // .responsive-embed {
    //   padding-bottom: 39%;
    //   padding-top: .1rem;
    // }
  }
  
  .reveal.videoBannerModal {
    // background: transparent;
  }
}