Product Overview : Specifications

<div class="product-overview__specifications">

    <div class="flex items-start justify-between md:justify-start gap-3.75 md:gap-13 font-medium tracking-tightened">

        <div>

            <div class="flex gap-3.75">

                <?= icon('mileage', 'text-icon w-3.75'); ?>

                <span>25 750 km</span>

            </div>

            <div class="flex gap-3.75">

                <?= icon('valide', 'text-icon w-3.75'); ?>

                <span>Modèle 06/2018</span>

            </div>

            <div class="flex gap-3.75">

                <?= icon('energy', 'text-icon w-3.75'); ?>

                <span>Essence</span>

            </div>

        </div>

        <div>

            <div class="flex gap-3.75">

                <?= icon('transmission', 'text-icon w-3.75'); ?>

                <span>Automatique</span>

            </div>

            <div class="flex gap-3.75">

                <?= icon('critair-1-colored', 'text-icon w-3.75'); ?>

                <span>Critair 1</span>

            </div>

            <div>

                <a href="#" class="text-sm text-icon underline">

                    En savoir plus

                </a>

            </div>

        </div>

    </div>

    <div class="mt-3.75 text-icon flex gap-3">

        <?= icon('bluetooth', 'w-auto h-4.5'); ?>

        <?= icon('apple', 'w-auto h-4.5'); ?>

        <?= icon('recul-radar', 'w-auto h-4.5'); ?>

        <?= icon('air-conditioning', 'w-auto h-4.5'); ?>

        <?= icon('leather', 'w-auto h-4.5'); ?>

        <?= icon('regulator', 'w-auto h-4.5'); ?>

    </div>

</div>