Compare

<div class="bg-white rounded-l-button md:max-w-[284px] max-w-[165px] w-full shrink-0">

    <div class="flex flex-col gap-2 p-5 md:min-h-[298px] min-h-[211px]">

        <span class="font-semibold md:text-xl text-base">5 véhicules dans votre comparateur</span>

        <span class="md:font-medium font-normal md:text-xxs text-xs-tiny text-text-light">Vous pouvez supprimer un véhicule et en ajouter depuis tous les résultats de recherche</span>

    </div>



    <div class="flex flex-col divide-y divide-solid border-y-1">

        <div class="flex gap-2 items-center md:px-5 px-2 py-3">

            <?= icon('mileage', 'h-4'); ?>

            <span class="font-semibold md:text-sm text-xxs">Kilométrage</span>

        </div>

        <div class="flex gap-2 items-center md:px-5 px-2 py-3">

            <?= icon('price-euro', 'h-4'); ?>

            <span class="font-semibold md:text-sm text-xxs">Prix</span>

        </div>

        <div class="flex gap-2 items-center md:px-5 px-2 py-3">

            <?= icon('valide', 'h-4'); ?>

            <span class="font-semibold md:text-sm text-xxs">Mise en circulation</span>

        </div>

        <div class="flex gap-2 items-center md:px-5 px-2 py-3">

            <?= icon('valide', 'h-4'); ?>

            <span class="font-semibold md:text-sm text-xxs">Emission de CO2</span>

        </div>

        <div class="flex gap-2 items-center md:px-5 px-2 py-3">

            <?= icon('drive-test', 'h-4'); ?>

            <span class="font-semibold md:text-sm text-xxs">Note Test Driver</span>

        </div>

        <div class="flex gap-2 items-center md:px-5 px-2 py-3">

            <?= icon('guarantee', 'h-4'); ?>

            <span class="font-semibold md:text-sm text-xxs">Garantie</span>

        </div>

        <div class="flex gap-2 items-center md:px-5 px-2 py-3">

            <?= icon('critair', 'h-4'); ?>

            <span class="font-semibold md:text-sm text-xxs">Crit’Air</span>

        </div>

        <div class="flex gap-2 items-center md:px-5 px-2 py-3">

            <?= icon('options', 'h-4'); ?>

            <span class="font-semibold md:text-sm text-xxs">Options</span>

        </div>

    </div>

</div>