#categories-filters {
    display: flex;
    justify-content: end;
    gap: 50px;

    & a {
        color: #F5F5F5;
        font-size: 20px;
        line-height: 1.5em;
        letter-spacing: -0.03em;
        font-weight: 350;
        text-decoration: none;
        position: relative;

        &::after {
            content: attr(data-qty);
            position: absolute;
            top: 0;
            right: -2.5ch;
            color: #F5F5F5;
            font-size: 15px;
            font-weight: 250;
            line-height: 1em;
            min-width: 2ch;
        }
    }
}

@media screen and (width <= 768px) {
    #categories-filters {
        justify-content: start;
        gap: 10px 40px;
        flex-wrap: wrap;
    }
}