.page-navigation
  display: flex
  justify-content: center
  padding: 18px
  
  .button, a:hover, a:visited, a:active
    display: block
    font-size: 24px
    line-height: 32px
    text-decoration: none
    color: #000
    background: #eee
    border: none
    border-radius: 0
    padding: 6px 24px 8px

  .button._inactive
    color: #ccc

  .button + .button
    border-left: 1px solid #fff

  .counter
    display: block
    font-size: 18px
    line-height: 32px
    color: #ccc
    background: #fafafa
    padding: 6px 12px 8px

    .current, .total
      display: inline-block
      min-width: 3.5em

    .current
      text-align: end
      color: #333

    .total
      text-align: start

    .separator
      margin: 0 .15em

    &.current-only .current
      text-align: center
