.custom-pagination .page-link, .custom-pagination .page-item {
  color: #111;
  background: #fff;
  border: none;
}
.custom-pagination .page-link.active, .custom-pagination .active .page-link {
  background: #fff;
  color: #111 !important;
  font-weight: bold;
  border: 1.5px solid #111;
}
.custom-pagination .page-link:hover, .custom-pagination .page-link:focus {
  background: #f5f5f5;
  color: #111;
}
.custom-pagination .disabled .page-link, .custom-pagination .page-link.disabled {
  color: #bbb;
  background: #fbfdff;
}

@media (prefers-color-scheme: dark) {
  .custom-pagination .page-link, .custom-pagination .page-item {
    color: #111;
    background: #fff;
  }
  .custom-pagination .page-link.active, .custom-pagination .active .page-link {
    background: #fff;
    color: #111 !important;
    font-weight: bold;
    border: 1.5px solid #fff;
  }
  .custom-pagination .page-link:hover, .custom-pagination .page-link:focus {
    background: #f5f5f5;
    color: #111;
  }
  .custom-pagination .disabled .page-link, .custom-pagination .page-link.disabled {
    color: #bbb;
    background: #fbfdff;
  }
}