


    

<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=""
            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>