.category-wrapper {
    gap: 15px;
}

.category-wrapper .category {
    width: calc(33.33% - 10px);
}

.category-wrapper .category a {
    color: var(--color-black);
}

.category-wrapper .category a:hover {
    color: var(--color-primary);
}

@media(max-width: 768px) {
    .category-wrapper .category {
        width: calc(50% - 8px);
    }
}