@php
        $SuaraAnda = \Modules\Berita\Models\Berita::IdKategori(17)->take(4)->get();
    @endphp

    @if ($SuaraAnda->count() > 0)


    <div class="px-1 mb-2 py-2">
        <h4 class="border_section"><a href="#" title="">Suara Anda</a></h4>
        @foreach ($SuaraAnda as $kh)
 <div class="overflow-hidden flex cursor-pointer border-b">
    <div class="relative md:flex flex w-4/12 p-3">
        <div class="rounded-full w-24 h-24 md:w-26 md:h-26 flex justify-center text-center overflow-hidden">
        <img class="h-full w-full object-cover transition-transform duration-300 ease-in-out transform hover:scale-110" src="{{ asset_cdn($kh->image,'thumbnail','berita') }}"
        title="{{$kh->judul}}" alt="{{$kh->judul}}"
        /> 
        </div>
     
    </div>
    <div class="w-8/12 px-1 py-1 font-inter text-gray-500 text-sm flex flex-col justify-center">
        <div class="w-full h-full mt-4 break-words leading-tight">
       <a href="{{ route('frontend.berita.show', [encode_id($kh->id), $kh->slug]) }}">
         <h4 class="hover:text-red-500 text-base text-gray-800">{{ $kh->judul }}</h4>
         </a>
         <div class="small -mt-1 font-normal">
        {{ datepub($kh->published_at) }} | {{ $kh->read }} dibaca
        </div>
       </div>
      
        
    </div>
    
</div>
        @endforeach
            
    </div>
      @else
      
    @endif