.pagination
  text-align: center
  padding-bottom: 40px

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

      a
        color: $lightBlue
        text-decoration: none

      >span
        color: $lightBlue

      &.active
        span
          color: white

      &.disabled
        opacity: 0.3

      &:first-child, &:last-child
        span
          position: relative
          top: 0
          font-size: 1.2rem
          line-height: 1

      &:first-child
        span
          &:before
            content: '‹'

      &:last-child
        span
          &:before
            content: '›'