.page-link  {
  background: linear-gradient(to bottom, $evil4 0%, $evil1 34%, $evil6 100%);
}

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

.page-link > a { color: $white1; }

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

.page-link:hover {
  color: $white1;
  background: linear-gradient(to bottom, $evil3 0%, $evil0 34%, $evil2 100%);
}

.page-item.disabled > .page-link { color: $white1; background: linear-gradient(to bottom, $black3 0%, $grey4 34%, $grey5 100%); border-color: $suwa04; }
.page-item.active > .page-link { color: $white1; background: linear-gradient(to bottom, $suwa04 0%, $suwa04 34%, $suwa06 100%); border-color: $suwa04; }
.page-item.active > .page-link:hover { color: $white1; background: linear-gradient(to bottom, $suwa03 0%, $suwa00 34%, $suwa02 100%); }
.pagination { display: flex; margin: auto; padding: 8px; }