.pagination{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:8px;list-style:none}.pagination li{padding-left:0;margin-bottom:0}.pagination li:before{display:none}.pagination li *{margin-bottom:0}.pagination .page-item{width:40px;height:40px;border-radius:50%;justify-content:center;align-items:center;padding:10px;font-weight:400;display:flex;background:var(--light-grey);color:var(--font-clr);text-transform:uppercase;line-height:1;transition:var(--transition)}.pagination .page-item span{color:inherit}.pagination .page-item.active{background:var(--clr-primary);color:var(--white)}.pagination .page-item:hover{background:var(--clr-primary);color:var(--white)}.pagination .page-item:hover.active{background:var(--clr-primary);color:var(--white)}.pagination-container .page-item{border-radius:50% !important;display:flex;align-items:center;justify-content:center;background:var(--light-grey);color:var(--clr-primary);transition:var(--transition);font-weight:600}.pagination-container .page-item.active{background:var(--clr-primary);color:var(--white)}.pagination-container .page-item:hover:not(.disabled){background:var(--clr-secondary);color:var(--clr-primary)}.pagination-container .page-item.disabled{opacity:0.5;cursor:not-allowed}.pagination-container .pagination-arrow{color:var(--clr-primary);transition:transform 0.2s ease, color 0.2s ease;display:flex;align-items:center}.pagination-container .pagination-arrow:hover{transform:scale(1.1);color:var(--clr-secondary)}.pagination-container .pagination-arrow i{font-size:2rem}