.ads-Pagination {
  @apply flex-wrap;
}

.ads-Pagination-page {
  @apply flex
    min-h-5
    min-w-5
    px-1
    bg-transparent
    justify-center
    items-center
    rounded
    font-medium
    transition-colors;

  margin-right: 2px;
}

.ads-Pagination-page:focus {
  @apply outline-none
    shadow-focus;
}

.ads-Pagination-page--active {
  @apply bg-gray-400;
}

.ads-Pagination-page:not(.ads-Pagination-page--active) {
  @apply text-blue-400;
}

.ads-Pagination-page:not(.ads-Pagination-page--active):hover,
.ads-Pagination-page:not(.ads-Pagination-page--active):active,
.ads-Pagination-page:not(.ads-Pagination-page--active):focus {
  @apply bg-gray-200;
}

.ads-Pagination-text {
  @apply flex
    items-center
    text-bodySm
    text-gray-700
    font-medium
    ml-2;
}