Incorrect class-names name inside participant info block wrapper
participant__your-ip
class for participant ID section is incorrect.
Also, the whole wrapper named around the "participant_id", for historical reasons (initially only user ID has been displayed). Now markup looks like this:
<div class="participant__id-wrapper">
<div id="participant-ip" class="participant__id-item">Ваш IP:
<span class="participant__ip-info">111.222.333.99</span>
</div>
<div id="participant-id" class="participant__id-item">
<div class="participant__your-ip">ID учасника: 
<span class="participant__id-info">cf0042e0f24e42429b17d88c0316a501</span>
</div>
<button class="btn__small participant__btn">вийти</button>
</div>
</div>
I suggest to rename wrapper as 'participant info block/wrapper', and give participant id
, participant ip
names to their respective blocks.