
<a href="" class="w-full flex justify-between items-center shadow-lg rounded-lg bg-white group">
    <div class="grid grid-cols-[160px_auto] gap-4 items-center">
        <div class="relative">
                        <div class="bg-slate-100 w-28 h-28 lg:w-40 lg:h-40 rounded-tl-lg rounded-bl-lg flex items-center justify-center text-slate-300">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6">
                    <path stroke-linecap="round" stroke-linejoin="round" d="m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" />
                </svg>
            </div>
                                </div>

        <div class="flex flex-col p-2">
        

<div class="text-xs flex mt-1 text-slate-500">

    

    <span 
        id="card_pubdate_" 
        class="text-slate-500" 
        x-data="timeAgoComponent(null)" 
        x-init="updateTime()" 
        x-text="time">
    </span>
    
</div>        <p class="line-clamp-3 leading-5 lg:leading-5 font-semibold text-md lg:text-xl">
            
        </p>
        </div>
    </div>
</a>