.video-block
  width: 100%
  max-width: 960px
  margin: 0 0 45px

  h2
    margin-bottom: 20px
    font-size: 1.7rem
    color: white

    +respond-to-width(600)
      font-size: 1.3rem

  .video-wrapper
    position: relative
    padding-bottom: 53.6%
    padding-top: 25px
    height: 0
    background-color: black

    iframe, .video-overlay
      position: absolute
      top: 0
      left: 0
      width: 100%
      height: 100%
    .video-overlay
      z-index: 2
      +flex(center, center)
      opacity: 1
      cursor: pointer
      background-position: center
      background-size: cover
      background-repeat: no-repeat
      transition: all 0.2s
      .button
        width: 25%
        max-width: 85px
        transform: scale(1)
        transition: all 0.4s
        img
          width: 100%
      &:hover
        .button
          +transform(scale(0.85))

      &.hide
        opacity: 0
        pointer-events: none
        transition: all 0.5s
        transition-delay: 0.7s
        .button
          transition: all 0.8s
          transform: scale(0.3)