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 {
          &::before {
            background-color: var(--link-color-hover);
          }
        }
      }

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