How to make an adaptive line between blocks?

Question

css

There are blocks standing in a row with the help of flex. The task is to make lines between them that decrease along with the screen. I make the dashes myself through ::after. The option with media queries is definitely not suitable, you have to change them too many times. Also, the problem is that the blocks are different in width and it will not work to set the width value for this line.

<div class="info_choose">
            <p>Выписка<br>из ЕГРН</p>
            <p class="active_choose">Возврат<br>НДФЛ</p>
            <p>Согласование<br>перепланировки</p>
            <p>Скидки<br>партнеров</p>
            <p>Реферальная<br>система</p>
        </div>

Answer 1

Probably something like this, if I understand you correctly
https://codepen.io/adasdad/pen/KKWowMJ