








    



<a href="" class="w-full flex justify-between items-center rounded-lg group relative ">
    <div class="w-2 h-28 bg-primary mr-2"></div>
    <div class="grid grid-cols-[112px_auto] gap-4 items-center">
     
        
        <div class="relative">
            <img loading="lazy" fetchpriority="low" style="margin-bottom: 0;" class="bg-slate-100 flex-shrink-0 w-28 h-28 rounded-lg object-cover object-center group-hover:opacity-90" src="?w=112&h=112"
            alt="" />
     
            
    
        </div>

        

        <div class="flex flex-col">
            <div class="card_title line-clamp-3 text-lg lg:text-base leading-5 font-semibold">
                
            </div>
            

<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>
        </div>
    </div>
</a>