/*==========================================================================
  Webshop button row
  ========================================================================== */

.webshop-button
  padding: 75px column(1, 14) 125px column(7, 24)

  +respond-to-width(900)
    padding: 75px 0 125px

  .grid-row
    position: relative

  .text
    margin-bottom: 50px
    max-width: 550px
    font-size: 0.9rem
    line-height: 1.6
    color: $purple
    font-family: rubik()

  .button
    position: relative
    display: inline-block
    min-width: 190px
    padding: 8px 55px 8px 20px
    border-radius: 10px
    background-color: $brightBlue
    font-family: rubik()
    font-weight: medium()
    font-size: 0.8rem
    line-height: 1.5
    transition: background 0.3s
    cursor: pointer
    text-decoration: none
    color: white

    &:after
      content: ''
      display: inline-block
      position: absolute
      right: 20px
      bottom: 15px
      +arrowWhite
      +translate3d(0,0,0)
      transition: transform 0.3s

    &:hover
      &:after
        +translate3d(5px,0,0)