.video-block
  padding: 80px 0
  margin: auto
  background-color: $gray

  h2
    width: column(12)
    margin: 0 auto 40px !important
    max-width: 960px !important

  .placeholder
    width: column(12)
    max-width: 960px
    margin: auto

  .video-wrapper
    position: relative
    padding-bottom: 53.6% /* 16:9 */
    padding-top: 25px
    height: 0
    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
      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)

  +respond-to-width(750)
    padding: 60px 0