.pagination__page {
  width: 44px;
  height: 44px;
  border: 2px solid var(--accent_2);
  color: var(--accent_2);
  border-radius: 50%;
  cursor: pointer;
}

.pagination__page:hover {
  background: var(--accent_1);
}

.pagination__page.active {
  background: var(--accent_2);
  color: var(--light);
}

span.pagination__page {
  border: transparent;
  color: var(--text_2);
  width: auto;
  pointer-events: none;
}

.pagination_separate {
  display: none;
}

@media (max-width: 680px) {
  .pagination__nav {
    gap: 4px;
  }

  .pagination__page {
    width: 32px;
    height: 32px;
  }
}