How do I select the adjacent sibling of the parent element when a child element of said parent has the hover state?

Question

I appreciate you taking part of your time to solve my question.

I have the following HTML structure:

<div class="input-field">
      <label for="costoBase">Costo Base <i class="bi bi-question-circle-fill icon-question"></i></label>
      <span id="tooltip-text">Precio del artículo con el iva incluido</span>
      <input type="text" id="costoBase" pattern="^\$\d{1,3}(,\d{3})*(\.\d+)?$" data-type="moneda"
        placeholder="$0.00">
    </div>

I need that when the element with the icon-question class has the hover state, styles are applied to the element with the tooltip-tex class. However I couldn't find a way to do it.

I appreciate any help you can give me. Thank you so much