<div class="product__name flex justify-between gap-2.5 items-start px-5 md:px-7.5 pb-6 md:pb-8.5 pt-5 md:pt-10">

    <div>

        <h1 class="text-2xl md:text-3xl font-semibold tracking-tightened">Peugeot 3008</h1>

        <div class="font-semibold text-text-light md:mt-1.5">1.6 BlueHDi120  Active</div>

    </div>

    <div class="flex gap-2.5 items-start">

        <button class="btn btn-secondary-grey-light px-3 py-2.25"><?= icon('share', 'text-icon w-3.75'); ?></button>

        <button class="btn btn-secondary-grey-light px-3 py-2.25"><?= icon('print', 'text-icon w-4'); ?></button>

    </div>

</div>