.pagination {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: 30px 0;
  justify-content: center;
}

.pagination__arrow,
.pagination__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-4);
  border: var(--border-width-default) solid var(--color-border-default);
  background-color: transparent;
  color: var(--color-text-muted);
}

.pagination__arrow img {
  width: 14px;
  height: 14px;
}

.pagination__arrow--prev img {
  transform: scaleX(-1);
}

.pagination__item--active {
  background-color: var(--color-accent-green);
  border-color: var(--color-accent-green);
  color: var(--color-accent-black);
}