Сделать лабел гридом 2*2, внутрь положить три элемента: 1: чекбокс + псевдоэлемент (перецепить его от лабела), 2: жирную надпись, 3: мелкую надпись. у мелкой надписи прибить колонку номер два через grid-column-start: 2;
что-то типа такого: https://codepen.io/FragsterAt/pen/xxjBZPW
Потому что ему разрешено. flex-shrink: 0; у svg поможет. Да и вообще стоит почитать про flex-basis, -grow, -shrink и как оно соотносится с min- max- и просто width.
Открываешь инструменты разработчика, в них - режим эмуляции мобильного - ctrl + shift + M и смотришь, что получается (чтобы не было горизонтальной прокрутки (ну, кроме таблиц, разве что) и элементы не наезжали друг на друга). Указанный сайт https://www.a-outdoor.ru/ - не подходит прям совсем )
не выделываться, а сделать два SVG. ну или один и вывесли его нужное количество раз.
если прям очень нужно (хотя я прям сомневаюсь в необходимости), то можно вывести два одинаковых элемента рядом флексом