.common-pages{display:flex;justify-content:center;align-items:center;margin-bottom:50px;width:100%;height:60px}
.common-pages span{opacity:.4}
.common-pages a, .common-pages span{margin:0 5px;transition:all .3s ease;box-sizing:border-box;border:1px solid #f9f9f9;padding:8px 14px;display:flex;height:30px;justify-content:center;align-items:center;color:#494949}
.common-pages a:hover, .common-pages span.ctxt{background:var(--primary-color);color:#FFF}
.common-pages span.ctxt{opacity:1;border:none}

@media screen and (max-width:768px) {
  .common-pages #page-first, .common-pages #page-prev, .common-pages #page-next, .common-pages #page-last{
    display: none;
  }
}