.page-list {
  display: inline-block;
  padding-left: 0;
  margin-top: $spacer-y;
  margin-bottom: $spacer-y;
  @include border-radius();

  > li {
    display: inline; // Remove list-style and block-level defaults

  }

  &:first-child {
    > a,
    > span {
      margin-left: 0;
      @include border-left-radius($border-radius);
    }
  }
  &:last-child {
    > a,
    > span {
      @include border-right-radius($border-radius);
    }
  }

  .page-items,
  .page-links {
    @include hover-focus {
    }
  }

  > .active > a,
  > .active > span {
    @include plain-hover-focus {
      z-index: 2;
      cursor: default;
    }
  }
}
.page-items,
.page-links {
  position: relative;
  float: left; // Collapse white-space
  padding: 0.4rem 0.65rem;
  margin-left: .9rem;
  line-height: $line-height;
  font-size: $font-size-md;
  color: rgba(0,0,0,.5);
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 50%;
  min-width: 2.6125rem;
  text-decoration: none;
}
.page-items:hover,
.page-links:hover {
}

.disabled {
  .page-items,
  .page-links {
    @include plain-hover-focus {
      color: rgba(0,0,0,.3);
      cursor: $cursor-disabled;
      background-color: $pagination-disabled-bg;
      border-color: $pagination-disabled-border;
    }
  }
}
//
// Sizing
//

.page-list-lg {
  @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);
}

.page-list-sm {
  @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);
}




@include media-breakpoint-down(md) {

  .page-items,
  .page-links {
    padding: 0.3rem 0.55rem;
    margin-left: .7rem;
    line-height: $line-height - 0.2rem;
    font-size: $font-size-sm;
    min-width: 2.0125rem;
  }
}