.pagination {
  @include unitize(margin, 0 0 5px 0);

  &-options {
    .options {
      width: 100%;

      @include media-breakpoint-up(md) {
        width: auto;
      }
    }

    .btn-group {
      width: 100%;
      @include unitize(margin-bottom, 5px);

      @include media-breakpoint-up(md) {
        width: auto;
        margin-bottom: 0;
      }

      .btn {
        width: 100%;
        text-align: center;

        @include media-breakpoint-up(md) {
          width: auto;
          text-align: left;
        }
      }
    }
  }

  .page-item {
    .page-link {
      white-space: nowrap;
      @include unitize(font-size, 18px);
      font-weight: bold;
      @include unitize(line-height, 33px);
      color: $link-color;
      @include unitize(padding, 5px 17px);
    }

    .page-link:focus {
      z-index: 2;
      outline: 0;
      box-shadow: none;
    }

    &:first-child {
    }

    &:last-child {
    }

    &.disabled {
      .page-link {
        color: $link-disabled-color;
      }
    }

    &.active {
      .page-link {
        background-color: $brand-secondary;
        border-color: $brand-secondary;
        color: $white;
      }
    }
  }
}

.btn-sm {
  @include unitize(font-size, 12px);
}