JSFiddle - React, Tailwind, and code Playground

HTML

<div class="userMenu__inset">
  <div class="wrapper_drop_button">
    <a class="drop_button"><i class="icon-user"></i><span>{login}</span></a>
    <a href="#"><i class="icon icon-purse"></i><span id="balance">93 ₽</span></a>
    <ul class="drop-down-header">
      <li><a href="{profile-link}">Профиль</a></li>
      <hr>
      <li>Баланс: </li>
      <li>Карма: </li>
      <hr>
      <li>Выход</li>
    </ul>
  </div>
</div>

CSS

.drop-down-header{
  display: none;
}
.wrapper_drop_button:hover .drop-down-header{
  display: block;
}