.cats-block .cats {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 30px;
}
.cats-block .btn {
    margin-top: 40px;
}

@media (max-width: 1200px) {
    .cats-block .cats {
        grid-template-columns: repeat(3,1fr);
        gap: 10px;
    }
    .cats-block .btn {
        margin-top: 20px;
    }
}

@media (max-width: 768px) {
    .cats-block .cats {
        grid-template-columns: repeat(2,1fr);
    }
}

@media (max-width: 400px) {
    .cats-block .btn {
        width: 100%;
    }
}