.pagination{
  width:100%;
  gap:10px;
  margin-top:42px;
  justify-content:center;
  text-align:center;
}

.pagination>span:not(.page-status){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:auto;
  min-width:0;
  height:auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}

.pagination>.page-status{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-basis:100%;
  width:100%;
  height:auto;
  min-width:0;
  padding:0 0 7px;
  border:0;
  background:transparent;
  color:#8794a9;
  font-size:13px;
}

.pagination a{
  min-width:44px;
  height:44px;
  padding:0 15px;
  border:1px solid #d9e5f4;
  border-radius:12px;
  background:#fff;
  box-shadow:0 5px 14px rgba(34,81,150,.06);
  color:#52647f;
  font-size:14px;
  font-weight:600;
  transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease;
}

.pagination a:hover,
.pagination .page-num-current{
  border-color:#2875e8;
  background:#2875e8;
  color:#fff;
  transform:translateY(-1px);
}

.pagination a[href="javascript:;"]{
  pointer-events:none;
  border-color:#edf1f7;
  background:#f7f9fc;
  box-shadow:none;
  color:#b5bfce;
}

@media(max-width:600px){
  .pagination{
    gap:7px;
    margin-top:32px;
  }

  .pagination a{
    min-width:40px;
    height:40px;
    padding:0 11px;
    border-radius:10px;
    font-size:13px;
  }

  .pagination>.page-index,
  .pagination>.page-last{
    display:none;
  }
}