.pagination
  ul
    li
      display: inline-block
      float: left
      margin: 0 20px
      a
        color: $orange

.pagination-container
  padding: 50px 0 50px
  .content-container 
    width: 100%
  .pagination-custom
    list-style: none
    padding: 0
    margin-bottom: 0
    margin-top: 0
    text-align: center
    z-index: 10
    li
      display: inline-block
      margin: 0 15px
      color: $gray

      a
        color: $gray
        p
          display: inline-block
          margin: 0

      &.active
        span
          color: $orange

      &.disabled
        visibility: hidden

      &:first-of-type, &:last-of-type
        span
          +arrowOrange
          transition: all 0.3s
        a
          p
            color: $orange
            letter-spacing: 0.5px

      &:first-of-type
        margin-left: 0
        float: left
        span
          margin-right: 15px
          +translate3dRotate(0,0,0, 180deg)
        &:hover
          span
            +translate3dRotate(-5px,0,0, 180deg)
      &:last-of-type
        margin-right: 0
        float: right
        span
          margin-left: 15px
          +translate3dRotate(0,0,0,0deg)
        &:hover
          span
            +translate3dRotate(5px,0,0,0deg)