.pagination
  text-align: right

  ul
    display: inline-block
    list-style: none
    padding: 0
    margin: 0
    li
      display: inline-block
      float: left
      margin: 0 6px

      a
        color: $blue
        text-decoration: none

      &.active
        color: $darkBlue

      &.disabled
        opacity: 0.3

      &:first-of-type, &:last-of-type
        span
          +arrowBlue
          +translate3dRotate(0,0,0, 0deg)
          transition: transform 0.3s
        &:hover
          span
            +translate3dRotate(3px,0,0, 0deg)

        &.disabled
          span
            +translate3dRotate(0,0,0, 0deg)

      &:first-of-type
        span
          +translate3dRotate(0,0,0, 180deg)

        &:hover
          span
            +translate3dRotate(-3px,0,0, 180deg)

        &.disabled
          span
            +translate3dRotate(0,0,0, 180deg)



//
//.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: $blue
//
//      &.disabled
//        visibility: hidden
//
//      &:first-of-type, &:last-of-type
//        span
//          +arrowBlue
//          transition: all 0.3s
//        a
//          p
//            color: $blue
//            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)