.pager{
  display:flex;justify-content:center;align-items:center;flex-wrap:wrap;
  gap:8px;margin:40px 0 0;padding:0;list-style:none;
}
.pager a,.pager .page-num{
  display:inline-grid;place-items:center;
  min-width:42px;height:42px;padding:0 12px;
  border:1px solid var(--line);background:var(--silk);
  color:var(--void);font-size:13px;letter-spacing:.04em;transition:.25s;
}
.pager a:hover{border-color:var(--void);background:var(--void);color:#fff}
.pager .page-num-current{
  border-color:var(--champagne);background:var(--champagne);color:#fff;font-weight:600;
}
.pager .page-numbar{display:contents}
.pager a[href="javascript:;"]{pointer-events:none;opacity:.35}
@media(max-width:380px){
  .pager a:first-child,.pager a:last-child{display:none}
}