@props(['text' => ''])
<div
    class="absolute -top-5 md:-left-3 shadow-lg rounded-full bg-linear-135 from-[#2A6EFA] to-[#7C6CFA] flex justify-center items-center h-10 w-10">
    <p class="text-white font-bold text-sm">{{$text}}</p>
</div>