Tooltip

<div class="info-tooltip" x-data="{isShow: false}">

    <button type="button" name="infos" class="info-tooltip__button text-white bg-background"

          @mouseover="isShow = true"

          @touchstart="isShow = true"

          @mouseleave="isShow = false"

    >i</button>

    <div x-ref="content" x-show="isShow" class="info-tooltip__content">

        Le texte de la tooltip ici

    </div>

</div>

<div class="filter-tooltip flex flex-col items-center w-fit max-w-[100vw]">

    <div class="flex flex-col w-fit bg-primary p-5 text-white tracking-tight font-semibold text-sm rounded-button">

        <button class="link flex items-center justify-between gap-4.5 py-1">

            <span>Volkswagen</span>

            <?= icon('close', 'w-2.5'); ?>

        </button>

        <button class="link flex items-center justify-between gap-4.5 py-1">

            <span>Peugeot</span>

            <?= icon('close', 'w-2.5'); ?>

        </button>

        <button class="link flex items-center justify-between gap-4.5 py-1">

            <span>Tout effacer</span>

            <?= icon('close', 'w-2.5'); ?>

        </button>

    </div>

    <div class="arrow-down-blue"></div>

</div>