.video-block
  width: 100%
  max-width: 960px
  margin: auto
  .video-wrapper
    position: relative
    padding-bottom: 53.6% /* 16:9 */
    padding-top: 25px
    height: 0
    background-color: $blue
    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
        position: relative
        width: 85px
        height: 85px
        border-radius: 100%
        transform: scale(1)
        transition: all 0.4s
        margin-top: 0

        &:before
          content: ''
          position: absolute
          left: 34px
          top: 28px
          width: 0
          height: 0
          border-style: solid
          border-width: 15px 0 15px 24px
          border-color: transparent transparent transparent #ffffff
          opacity: 0.75

        &:after
          display: none

      &: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)