.result-pagination {
  margin: 30px 0;
}

.result-pagination .result-pagination-pages {
  display: flex;
  gap: 10px;
  justify-content: center;
  list-style: none;
  padding: 0;
}

.result-pagination .result-pagination-page {
  border: 1px solid var(--color-hover);
  color: var(--color-text);
  cursor: pointer;
  display: block;
  line-height: 1.25;
  padding: 0.5rem 0.75rem;
}

.result-pagination .result-pagination-page:focus,
.result-pagination .result-pagination-page:hover {
  background-color: var(--color-hover);
  border: 1px solid var(--color-black);
  box-shadow: none;
  color: var(--color-white);
  text-decoration: none;
}

.result-pagination .result-pagination-page.disabled {
  cursor: auto;
  pointer-events: none;
}

.result-pagination .result-pagination-page.selected {
  background-color: var(--color-primary);
  color: var(--color-white);
}