.video-block
  width: 100%
  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)