=button($padding:5px 10%, $top: 0px)
  border: 2px solid
  border-radius: 40px
  padding: $padding
  +flex(space-between, center)
  +audiBold
  +transition(background-color 0.2s)

  .text
    +audiBold
    font-size: 16px
    line-height: 16px
    text-transform: uppercase

  .icon
    float: right
    position: relative
    top: $top

  &.blue
    border-color: $blue
    &:hover
      background-color: $blue
      .icon
        +arrowRightWhite
    .icon
      +arrowRightBlue
      +transition(all 0.5s)

  &.white
    border-color: white
    &:hover
      background-color: white
      color: $blue
      p
        color: $blue
      .icon
        +arrowRightBlue

    .icon
      +arrowRightWhite
      +transition(all 0.5s)

  &.orange
    border-color: $orange
    &:hover
      background-color: $orange

      .icon
        +arrowRightWhite

    .icon
      +arrowRightOrange
      +transition(all 0.5s)