.pagination-placeholder
  display: block
  height: 140px

.pagination
  width: 100%
  text-align: center
  margin: 35px 0

  ul
    display: inline-block
    list-style: none
    padding: 0
    margin: 0
    font-size: 0.9rem
    line-height: 1

    li
      display: inline-block
      margin: 0 6px
      +metropolis

      span
        display: inline-block
        padding: 15px 0

      a
        display: inline-block
        color: $brown
        text-decoration: none
        padding: 15px 0

      &.active
        color: $blue
        +metropolisSemiBold

      &.disabled
        opacity: 0.3

      &:first-child, &:last-child
        span
          +flex(center, center)
          &:after
            position: relative
            top: -2px
            content: ''
            display: inline-block
            +arrowBrown

      &:first-child
        span
          &:after
            transform: rotate(180deg)