.pagination-container{margin-top:48px;justify-content:center;display:flex}.pagination{font-size:22px;line-height:1em;color:#666;display:grid;-moz-column-gap:10px;column-gap:10px;row-gap:24px;grid-template-areas:"pages pages" "prev-btn next-btn";grid-template-columns:auto auto}@media (min-width:1100px){.pagination{grid-template-areas:"prev-btn pages next-btn";grid-template-columns:auto auto auto}}.pagination .button{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;height:40px;border:1px solid #252525;border-radius:50px;width:115px;justify-content:center}.pagination .button svg{width:5px;margin-top:-2px}.pagination .button:hover{background-color:#252525;color:#fff}.pagination .button:hover svg{filter:invert(100%)}.pagination .button.disabled{pointer-events:none;opacity:0.5}.pagination .button-prev{grid-area:prev-btn;display:flex;justify-content:flex-end}.pagination .button-next{grid-area:next-btn;display:flex;justify-content:flex-start}.pagination .pages{grid-area:pages;display:flex;gap:10px}.pagination .page{height:40px;width:40px;display:flex;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:50%}.pagination .elipsis{height:40px;width:40px;display:flex;align-items:center;justify-content:center}.pagination .page.active,.pagination .page:hover{background-color:#252525;color:#fff;border:1px solid #252525}