nav.pagination {
  padding-bottom: $lineheight;

  .nav-links {
    text-align: center;
    width: 100%;
  }

  .page-numbers,
  .next,
  .prev {
    @include shape-style($button_small);
    padding: $button_small/2 $button_small;
    margin: $button_small / 2;
    text-decoration: none;

    &:not(.current):not(.dots) {
      outline-color: var(--accent-color);
      color: var(--link-color);

      &:hover {
        background-color: var(--link-color-hover);
      }
    }

    &.current {
      @include background-color($color-primary);

      background-color: $color-primary;
    }
  }
}