.pagination-front-container{margin-top:32px}.pagination-front{display:flex;justify-content:center;align-items:center}.pagination-front-list{display:flex;justify-content:center;align-items:center;gap:10px;list-style:none;margin:0;padding:0}@media screen and (min-width: 768px){.pagination-front-list{gap:8px}}.pagination-front-button{padding:14px 12px;background-color:var(--white);display:flex;align-items:center;justify-content:center;border-radius:14px;border:none;font-size:14px;font-weight:500;color:var(--alternative-color);transition:all .3s ease-in-out;cursor:pointer}.pagination-front-button:hover{background-color:#5760ab33;color:var(--primary-color)}.pagination-front-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.pagination-front-button.active{background-color:var(--primary-color-light);color:var(--white)}.pagination-front-button.active:hover{background-color:var(--primary-color)}@media screen and (min-width: 768px){.pagination-front-button{font-size:13px}}.pagination-front-arrow{padding:8px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:none;color:var(--alternative-color);transition:all .3s ease-in-out;cursor:pointer;min-width:40px;height:40px}@media screen and (min-width: 768px){.pagination-front-arrow{min-width:36px;height:36px;padding:6px 10px;font-size:13px}}