.pagination__list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(0.625rem, 0.5625rem + 0.3125vw, 0.9375rem);
  list-style: none;
}

.pagination__arrow--prev {
  margin-right: clamp(0.25rem, -0.1375rem + 1.9375vw, 2.1875rem);
}

.pagination__arrow--next {
  margin-left: clamp(0.25rem, -0.1375rem + 1.9375vw, 2.1875rem);
}

.pagination__link,
.pagination__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  /*min-width: 32px;*/
  color: var(--color-primary);
  text-decoration: none;
  font-family: var(--font-heading-regular);
  font-size: clamp(1.25rem, 1.0625rem + 0.9375vw, 2.1875rem);
  line-height: clamp(1.5rem, 1.275rem + 1.125vw, 2.625rem);
}

.pagination__arrow {
  width: clamp(1.3125rem, 1.275rem + 0.1875vw, 1.5rem);
  height: clamp(2.4375rem, 2.375rem + 0.3125vw, 2.75rem);
}

.pagination__link--active {
  font-family: var(--font-heading-bold);
  font-size: clamp(1.375rem, 1.15rem + 1.125vw, 2.5rem);
  line-height: clamp(1.625rem, 1.35rem + 1.375vw, 3rem);
}

.pagination__ellipsis {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary-soft);
  font-family: var(--font-heading-regular);
  font-size: clamp(1.25rem, 1.0625rem + 0.9375vw, 2.1875rem);
  line-height: clamp(1.5rem, 1.275rem + 1.125vw, 2.625rem);
}

.pagination__arrow svg {
  color: var(--color-primary);
}

.pagination__link:focus-visible,
.pagination__arrow:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}