.cat-block {
    background: var(--bg-primary-main);
}
.cat-block .cats {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 10px;
}
.cat-block .btn {
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

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

@media (max-width: 768px) {
    .cat-block .cats {
        display: flex;
        flex-direction: column;
    }
}

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