.pagination{margin-top:20px;width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center}@media(min-width:1200px){.pagination{margin-top:40px}}.pagination__btn{margin-top:32px}.pagination__list{display:flex;align-items:center;gap:4px}.pagination__item{padding:0 2px}.pagination__item-span{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#87899e;background-color:transparent}@media(min-width:1200px){.pagination__item-span{width:48px;height:48px}}.pagination__link{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#00083b;background-color:transparent;border:1px solid #009fe2;pointer-events:all;transition:all .3s ease}.pagination__link.active{color:#fff;background-color:#009fe2;transition:all .3s ease}.pagination__link.disabled,.pagination__link:disabled{opacity:.3;pointer-events:none}@media(min-width:1200px){.pagination__link{width:48px;height:48px}.pagination__link:not(.active):hover{color:#fff;background-color:#009fe2;transition:all .3s ease}}.pagination__button-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#009fe2}.pagination__item:has(.pagination__button-icon) .pagination__link{border:1px solid #009fe2;background-color:#fff}@media(min-width:1200px){.pagination__item:has(.pagination__button-icon) .pagination__link:hover{background-color:#009fe2}.pagination__item:has(.pagination__button-icon) .pagination__link:hover .pagination__button-icon{color:#fff}}.pagination__button_prev-icon{transform:rotate(-180deg)}
