.brands-popular-row .brands-row-content {
    columns: 4 14rem;
}

.brands-row-content {
    display: block;
    columns: 4 14rem;
    column-gap: 1.75rem;
}

.brands-directory-link {
    display: flex;
    width: 100%;
    margin: 0 0 0.9rem;
    break-inside: avoid-column;
}

.brands-popular-link {
    color: var(--public-accent);
    font-weight: 700;
}

.brands-popular-link:hover,
.brands-popular-link:focus {
    color: var(--public-accent);
}

@media (max-width: 991.98px) {
    .brands-popular-row .brands-row-content {
        columns: 3 12rem;
    }

    .brands-row-content {
        columns: 3 12rem;
    }
}

@media (max-width: 575.98px) {
    .brands-popular-row .brands-row-content {
        columns: 1;
    }

    .brands-row-content {
        columns: 1;
    }

    .brands-directory-link {
        margin-bottom: 0.85rem;
    }
}