.pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 4px;
}
.pagination-item {
  min-width: 32px;
  height: 32px;
  box-sizing: border-box;
  border-radius: var(--border-radius-200);
  color: var(--text-color);
  font-size: var(--font-size-s);
  line-height: var(--line-height-s);
  border: 1px solid transparent;
  transition: border var(--transition);
}
.pagination-item:not(.disabled):hover {
  border: 1px solid var(--base-200);
}
.pagination-item:not(.disabled):active, .pagination-item.active {
  border: 1px solid var(--primary);
}
.pagination-item.disabled {
  color: var(--text-neutral-disabled);
  cursor: not-allowed;
}
.pagination-link {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}