.app-pagination{margin-top:60px;margin-bottom:60px;width:100%;display:flex;align-items:center;justify-content:center}.app-pagination__button{position:absolute;top:50%;transform:translateY(-50%);transition:transform .2s ease}.app-pagination__button:hover{transform:translateY(-50%) scale(1.1)}.app-pagination__button.prev{left:0}.app-pagination__button.next{right:0}.app-pagination__content{position:relative;display:flex;align-items:center;justify-content:flex-start;padding-inline:24px;gap:12px;width:192px}.app-pagination__content--item{width:40px;height:40px;border-radius:100%;border:1px solid #00283B;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.app-pagination__content--item:hover:not(.current){background-color:#00283b1a;transform:scale(1.05)}.app-pagination__content--item.current{background:#00283b}.app-pagination__content--item.current span{color:#fff}.app-pagination__content--item span{font-style:normal;font-weight:800;font-size:14px;line-height:17px;text-align:center;color:#00283b;transition:color .2s ease}@media (max-width: 1024px){.app-pagination{margin-top:40px;margin-bottom:40px}.app-pagination__content{padding-inline:20px;gap:8px;width:auto}.app-pagination__content--item{width:36px;height:36px}.app-pagination__content--item span{font-size:12px;line-height:15px}}