.page-link  {
  background: linear-gradient(to bottom, #57229c 0%, #6b4386 34%, #2d1a46 100%);
}

.page-link, .page-item .disabled {
  text-align: center;
  color: #fcfcfc;
  padding: 8px 20px;
  font-size: 28px;
  border-bottom: solid 2px #cb81ea;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
  margin: auto;
}

.page-link > a { color: #fcfcfc; }

.page-link > a:hover { text-decoration: none; }

.page-link:hover {
  color: #fcfcfc;
  background: linear-gradient(to bottom, #6c29b9 0%, #916ead 34%, #5d2b8b 100%);
}

.page-item.disabled > .page-link { color: #fcfcfc; background: linear-gradient(to bottom, #4d4d4d 0%, #727272 34%, #495051 100%); border-color: #b16cce; }
.page-item.active > .page-link { color: #fcfcfc; background: linear-gradient(to bottom, #b16cce 0%, #e4b4f8 34%, #9b59b6 100%); border-color: #b16cce; }
.page-item.active > .page-link:hover { color: #fcfcfc; background: linear-gradient(to bottom, #cb81ea 0%, #f1d0ff 34%, #d898f3 100%); }
.pagination { margin: auto; padding: 8px; }