.pagination{margin:0;justify-content:center;align-items:center;gap:16px;.page-numbers{gap:10px}.page-item{.page-link{display:flex;align-items:center;justify-content:center;width:48px;aspect-ratio:1;border-radius:50%;padding:0;color:var(--text-color);background-color:transparent;font-size:16px;line-height:24px;text-decoration:none;border:1px solid var(--border);svg{transform:rotate(-90deg);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)}}}}}.active,.disabled{.page-link{border-color:var(--primary);background-color:var(--primary);color:var(--white)}}}@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}}}}}}