JSFiddle - React, Tailwind, and code Playground

HTML

<div class="selelikes-wrap">

<div class="selelike">
<span><</span>
</div>

<div>
<span>0</span>
</div>

<div class="seleunlike">

<span>></span>

</div>


</div>

</div>

CSS

.selelike, .seleunlike { border: 1px solid #999; cursor:pointer}

.selelikes-wrap .selelike:hover {transform: scale(1.2)}

.selelikes-wrap .selelike:hover ~ .seleunlike {transform: scale(0.9); background:#f90}

.selelikes-wrap .seleunlike:hover {transform: scale(1.2)}

div.selelikes-wrap .selelike:hover ~ .selelike    {transform: scale(0.9); background:#f00}