@import "tailwindcss/theme";
@import "../variables/theme.css";

.pagination {
  @apply flex items-center justify-center;

  gap: var(--spacing-24);
}

.pagination-control {
  padding: 6px;
}

.pagination-controlIcon {
  margin: 6px;
}

.pagination-pages {
  @apply flex items-center text-neutral-800;

  gap: var(--spacing-4);
}

.pagination-page {
  @apply inline-flex items-center justify-center;

  width: var(--spacing-32);
  height: var(--spacing-32);
}

.pagination-active {
  @apply text-blue-600;
}