.pagination{justify-content:center;align-items:center;gap:20px;margin-top:40px;display:flex}.pagination__button{border:1px solid var(--white);color:var(--white);font-family:var(--font-cormorant-garamond);cursor:pointer;background:0 0;min-width:100px;padding:10px 20px;font-size:16px;transition:all .3s}.pagination__button:hover:not(.pagination__button--disabled){background:#ffffff1a;border-color:#ffffff80}.pagination__button--disabled{opacity:.5;cursor:not-allowed}.pagination__button--disabled:hover{background:0 0;border-color:#ffffff4d}.pagination__pages{gap:8px;display:flex}.pagination__page{border:1px solid var(--white);color:var(--white);font-family:var(--font-cormorant-garamond);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:all .3s;display:flex}.pagination__page:hover{background:#ffffff1a;border-color:#ffffff80}.pagination__page--active{background:var(--white);border-color:var(--white);color:#000;cursor:default;font-weight:600}.pagination__page--active:hover{background:var(--white);border-color:var(--white)}@media (max-width:768px){.pagination{flex-direction:column;gap:20px}.pagination__button{min-width:80px;padding:8px 15px;font-size:14px}.pagination__page{width:35px;height:35px;font-size:14px}}@media (max-width:480px){.pagination__pages{flex-wrap:wrap;justify-content:center;max-width:300px}.pagination__button{padding:7px 12px;font-size:13px}}