.paganation nav ul li.active.page-item span.page-link {}

.paganation {
  width: 100%;
  text-align: center;
}

.paganation nav {
  display: inline-block;
}

.paganation ul {
  display: flex;
  gap: 1rem;
  list-style: none;
}

.paganation nav ul li {
  width: 3rem;
  height: 3rem;
  text-align: center;
}

.paganation nav ul li * {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 2.6rem;
}

.paganation nav ul li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #333;
  /*border: 1px #ccc solid;*/
}

.paganation nav ul li.disabled {
  /*border: 1px #ccc solid;*/
}

.paganation nav ul li.disabled span {
  color: #999;

}

.paganation nav ul li:hover {}

.paganation nav ul li a:hover {
  box-shadow: 0 0 1rem rgba(0, 0, 0, .3);
  border-radius: 3rem;
  background: #222;
  color: #fff;
}


.paganation nav ul li.active {
  background: #444;
  box-shadow: 0 0 1rem rgba(0, 0, 0, .6);
  border-radius: 3rem;

}

.paganation nav ul li.active span {
  color: #fff;

}

@media (max-width:879px) {
  .paganation .page-item {
    display: none;
  }

  .paganation .page-item.active,
  .paganation .page-item.nav {
    display: block;
  }
}