{{ partial:components/molecules/cards/card bg_color="bg-white" classes="text-primary-500" :asset="thumbnail ?? page_asset" }}
    {{ slot:title }}
        {{ partial:components/atoms/text/heading size="md" text_color="text-primary-500" }}
            <a href="{{ url }}">
                <span class="absolute inset-0"></span>
                {{ title }}
            </a>
        {{ /partial:components/atoms/text/heading }}
    {{ /slot:title }}
    <div class="space-y-4">
        {{ if date}}
            <p>{{ date iso_format="D MMMM Y" }}</p>
        {{ /if }}
        <p class="text-lg line-clamp-4">{{ excerpt ?? content | raw | bard_text }}</p>
        {{ partial src="components/molecules/buttons/outline" classes="w-full" }}
            {{ trans key='Read more' }}
        {{ /partial }}
    </div>
{{ /partial:components/molecules/cards/card }}
