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

.pagination-container
  padding: 50px 0 50px
  .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 20px

      a
        color: white
        p
          display: inline-block
          margin: 0

      &.active
        span
          color: $blue

      &.disabled
        visibility: hidden


      &:first-of-type
        margin-left: 0
        float: left
        a
          p
            +transform(rotate(-0.5deg))
          span
            margin-right: 15px
            +transform(rotate(180deg))

      &:last-of-type
        margin-right: 0
        float: right
        a
          p
            +transform(rotate(0.5deg))
          span
            margin-left: 15px

      &:first-of-type, &:last-of-type
        a
          background: $blue
          padding: 15px 60px
          border-radius: 9999px
          p
            color: white
            letter-spacing: 0.5px