.pagination{margin:0;justify-content:center;align-items:center;gap:16px;.numbers{gap:10px}.page-item{.page-link{display:flex;align-items:center;justify-content:center;width:48px;aspect-ratio:1;border-radius:12px;padding:0;color:var(--text-secondary);background-color:transparent;font-size:var(--fs-16);line-height:var(--lh-24);text-decoration:none;svg{path{fill:var(--text-secondary)}}*{transition:all .5s ease-in-out}span{width:16px}&:focus{box-shadow:none}&:hover{border-color:var(--primary);background-color:var(--primary);color:var(--white);svg{path{fill:var(--white)}}}}}.previous{.page-link{transform:rotate(-180deg)}}.disabled{display:none}.active{.page-link{border-color:var(--primary);background-color:var(--primary);color:var(--white);cursor:default}}}@media screen and (max-width:575px){.pagination{.page-item{.page-link{width:36px;height:36px}}}.pagination{.page-item{.page-link{span{svg{width:14px;height:14px}}}}}}