Visto que tudo faz parte de um mesmo componente, em vez de:
<ul class="lista-item">
<li class="item">
<span class="item__icone"></span>
<p></p>
</li>
<li class="item">
<span class="item__icone"></span>
<p></p>
</li>
<li class="item">
<span class="item__icone"></span>
<p></p>
</li>
</ul>Poderia ser:
<ul class="lista">
<li class="lista__item">
<span class="lista__icone"></span>
<p></p>
</li>
<li class="lista__item">
<span class="lista__icone"></span>
<p></p>
</li>
<li class="lista__item">
<span class="lista__icone"></span>
<p></p>
</li>
</ul>A segunda forma está correta?
