<article class="block">
    <div class="animate-pulse group p-4 mt-3 rounded-2xl bg-gray-200 dark:bg-slate-900">
        <div class="flex items-center justify-between">
            <div class="flex items-center w-full">
                <div class="flex-shrink-0 mr-3">
                    <div class="w-10 h-10 bg-gray-300 dark:bg-slate-700 rounded-full"></div>
                </div>
                <div class="flex flex-col">
                    <div class="w-20 h-2 mt-2 bg-gray-300 dark:bg-slate-700 rounded"></div>
                    <div class="w-16 h-2 mt-2.5 bg-gray-300 dark:bg-slate-700 rounded"></div>
                </div>
            </div>
        </div>
        <div class="flex-column justify-start w-full py-1">
            <div class="h-2 w-10/12 bg-gray-300 dark:bg-slate-700 my-3 rounded"></div>
            <div class="h-2 bg-gray-300 dark:bg-slate-700 my-3 rounded"></div>
            <div class="h-2 w-32 bg-gray-300 dark:bg-slate-700 my-3 rounded"></div>
        </div>
        <div class="flex items-center justify-between w-full">
            <div class="flex items-start">
                <div class="w-4 h-4 bg-gray-300 dark:bg-slate-700 rounded-full"></div>
                <div class="w-4 h-4 bg-gray-300 dark:bg-slate-700 rounded-full ml-2"></div>
                <div class="w-4 h-4 bg-gray-300 dark:bg-slate-700 rounded-full ml-2"></div>
            </div>
            <div class="flex items-end">
                <div class="w-16 h-2 my-1 bg-gray-300 dark:bg-slate-700 rounded"></div>
                <div class="w-4 h-4 bg-gray-300 dark:bg-slate-700 rounded-full ml-2"></div>
            </div>
        </div>
    </div>
</article>
