CSS - Desaparecer un campo si esta vacío

Hola buenas tardes, estoy creando una etiqueta de párrafo que recibe un valor en php y me gustaria desaparecerlo con p:empty de css, el problema es que dentro de la etiqueta <p></p> tengo un icono y no me aplica el valor que deseo, alguien podria ayudarme:
css
p:empty{
display:none;
}

codigo html/php
<p><i class="efecto-item interface-search icon" style="color:#ff5636;"></i> <?php the_field( 'piensa1' ); ?></p>

gracias