.pagination {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
}

.pagination__control {
  display: inline-flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 8px 20px;
  background-color: #f3f3f3;
  border-radius: 999px;
}

.pagination__status {
  min-width: 52px;
  color: rgb(var(--color-text));
  text-align: center;
  white-space: nowrap;
}

.pagination__nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: rgb(var(--color-text));
  text-decoration: none;
  opacity: 0.72;
}

.pagination__nav svg,
.pagination__nav .icon {
  width: 10px;
  height: 10px;
}

.pagination__nav--previous {
  transform: rotate(90deg);
}

.pagination__nav--next {
  transform: rotate(-90deg);
}

.pagination__nav.is-disabled {
  pointer-events: none;
  opacity: 0.28;
}

.pagination__offset {
  color: rgb(var(--color-text));
  text-align: center;
  white-space: nowrap;
}

@media (max-width: 959px) {
  .pagination__control {
    gap: 12px;
    min-height: 40px;
    padding: 6px 16px;
  }
}