.discover-row
  padding: 70px 0 120px
  overflow: hidden

  .streamer
    margin: 0 0 35px
    color: $darkgrey
    font-size: 0.7rem
    text-transform: uppercase

  .links
    +flex(center, flex-start)
    overflow: visible
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2)

    article
      position: relative
      width: 25%

      &::before
        content: ''
        display: block
        position: absolute
        bottom: 0
        right: 0
        width: 100%
        height: 44px
        background-color: rgba($darkgrey, 0.67)

        +respond-to-width-beyond(600)
          top: 0
          right: 0
          width: 84px
          height: 100%

      a
        text-decoration: none

      picture
        width: 100%
        img
          width: 100%


      .overlay
        position: absolute
        top: 0
        left: 0
        width: 100%
        height: 100%

        h4
          position: absolute
          left: calc(100% - 25px)
          bottom: 25px
          width: 100%
          margin: 0
          font-size: 1.5rem
          line-height: 1.2
          color: white
          font-weight: regular()
          transform-origin: 0 100%
          transform: rotate(270deg)
          transition: color 0.4s


        .arrow-placeholder
          +flex(center, center)
          position: absolute
          top: 0
          left: 0
          width: 100%
          height: 100%
          background: $yellow2
          opacity: 0
          transition: opacity 0.4s

          span
            display: block
            width: 45px
            color: $darkgrey

            svg
              width: 100%
              transform-origin: center
              transform: rotate(270deg)

      &:hover
        .overlay
          .arrow-placeholder
            opacity: 1
          h4
            color: $dark


    +respond-to-width(1000)
      +flex-rows

      article
        width: 50%

    +respond-to-width(600)
      display: block

      article
        width: 100%

        .overlay
          h4
            transform: rotate(0deg)
            left: 30px
            bottom: 12px
            font-size: 1rem