.pagination{max-width:1180px;margin:-45px auto 105px;padding:30px 0;border-top:1px solid #dce5ef;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.page-arrow{display:flex;align-items:center;gap:11px;width:max-content;color:#44546d;font-weight:700;transition:.2s}.page-arrow.next{justify-self:end}.page-arrow span{width:42px;height:42px;border:1px solid #cfdbe9;border-radius:50%;display:grid;place-items:center;color:#0874ef;font-size:18px;transition:.2s}.page-arrow small{font-size:12px}.page-arrow:hover span{background:#0874ef;border-color:#0874ef;color:#fff;transform:translateX(-2px)}.page-arrow.next:hover span{transform:translateX(2px)}.page-arrow.disabled{opacity:.35;pointer-events:none}.page-numbers{display:flex;align-items:center;gap:7px}.page-numbers a{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:#61708a;font-weight:700;font-size:12px}.page-numbers a:hover{background:#edf5ff;color:#0874ef}.page-numbers a.active{background:#071a3d;color:#fff;box-shadow:0 8px 20px rgba(7,26,61,.18)}.pagination-hero{padding:180px 24px 65px;text-align:center;background:linear-gradient(135deg,#fff,#edf5ff)}.pagination-hero>span{font-size:10px;font-weight:800;letter-spacing:.16em;color:#0874ef}.pagination-hero h1{font:800 54px/1.1 Manrope,sans-serif;letter-spacing:-.05em;margin:12px 0}.pagination-hero p{color:#61708a}.pagination-hero+.feed{margin-top:70px}@media(max-width:820px){.pagination{margin:-30px 24px 75px}.page-arrow small{display:none}.pagination-hero{padding-top:135px}}@media(max-width:520px){.pagination{grid-template-columns:auto 1fr auto}.page-numbers{justify-content:center}.page-numbers a{width:34px;height:34px}.page-arrow span{width:36px;height:36px}}
