.pagination {
  margin-top: 30px;
}

.page-item .page-link,
.page-item .page-link:focus {
  background: transparent;
  color: var(--fc-c1);
  border: 0;
  border-left: 1px solid var(--br-c1);
  border-right: 1px solid var(--br-c1);
  box-shadow: none;
  border-radius: 0 !important;
  padding: 0 12px;
}

.page-item:first-child .page-link {
  border-left: 0;
}

.page-item:last-child .page-link {
  border-right: 0;
}

.page-item.active .page-link,
.page-item:not(.active) .page-link:hover {
  color: var(--primary);
}