.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:50px;display:flex}.pagination button{border:1.5px solid var(--main-color);min-width:42px;height:42px;color:var(--main-color);cursor:pointer;background-color:#0000;border-radius:12px;padding:0 12px;font-size:15px;font-weight:500;transition:all .3s}.pagination button:hover:not(:disabled):not(.active){background-color:var(--main-color);color:#fff;transform:translateY(-2px)}.pagination button.active{background-color:var(--main-color);color:#fff;border-color:var(--main-color);box-shadow:0 6px 16px #00000026}.pagination button:disabled{opacity:.35;cursor:not-allowed;transform:none}.pagination button:first-child,.pagination button:last-child{background-color:var(--main-color);color:#fff;border-radius:25px;min-width:auto;padding:0 20px;font-weight:600}.pagination button:first-child:hover:not(:disabled),.pagination button:last-child:hover:not(:disabled){color:var(--main-color);background-color:#0000;transform:translateY(-2px)}.pagination button:first-child:disabled,.pagination button:last-child:disabled{background-color:var(--main-color);color:#fff}.pagination-dots{min-width:42px;height:42px;color:var(--main-color);letter-spacing:2px;justify-content:center;align-items:center;font-weight:700;display:flex}@media (width<=480px){.pagination{gap:6px}.pagination button{min-width:36px;height:36px;padding:0 8px;font-size:13px}.pagination button:first-child,.pagination button:last-child{padding:0 14px}}