.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40px 0;
}
.pagination div {
  margin: 3px;
  padding: 8px 12px;
}
.page-number {
  border: 1px solid rgba(236,244,249,1);
  color: rgba(183,196,206,1);
}
.page-next {
  border: 1px solid rgba(236,244,249,1);
  color: rgba(183,196,206,1);
}
.page-dot {
  color: rgba(183,196,206,1);
}
.page-number:hover {
  border: 1px solid rgba(236,244,249,1);
  color: rgba(255,255,255,1);
  background: rgba(236,244,249,1);
  cursor: pointer;
}
.page-next:hover {
  border: 1px solid rgba(236,244,249,1);
  color: rgba(255,255,255,1);
  background: rgba(236,244,249,1);
  cursor: pointer;
}
.page-number.current {
  border: 1px solid rgba(147,196,234,1);
  background: rgba(147,196,234,1);
  color: rgba(255,255,255,1);
}