{{ partial:components/molecules/cards/card bg_color="{ card_color ?? 'bg-white' }" classes="text-primary-500" :asset="thumbnail ?? header_asset" }}
    <div class="flex items-center mb-2 space-x-4 text-primary-500 text-sm">
        <div class="flex items-center">
            {{ partial:components/atoms/icons/calendar classes="mr-2" }}
            <div>
                {{ date iso_format="dd D MMMM YYYY" }}
                {{ if to and { date | format('Y-m-d') != to | format('Y-m-d') } }} {{ trans key="untill" }} {{ to iso_format="dd D MMMM YYYY" }}{{ /if }}
            </div>
        </div>
    </div>
    {{ partial:components/atoms/text/heading size="md" tag="h3" weight="font-bold" text_color="{ card_color ?? 'text-black' }" }}
        <a href="{{ url }}" class="line-clamp-3">
            <span class="absolute inset-0"></span>
            {{ title }}
        </a>
    {{ /partial:components/atoms/text/heading }}
    <div class="mt-4 space-y-4">
        <p class="line-clamp-4">{{ excerpt ?? content | raw | bard_text }}</p>
        {{ partial src="components/molecules/buttons/text" size="xs" tag="div" }}
            {{ trans key='Read more' }}
        {{ /partial }}
    </div>

    {{ if organizers }}
        <div class="absolute top-4 right-0 px-2 py-1 text-sm text-white bg-primary-500 md:top-5 md:px-4 md:py-2">
            {{ organizers }}
                {{ title }}{{ unless last }}, {{ /unless }}
            {{ /organizers }}
        </div>
    {{ /if }}
{{ /partial:components/molecules/cards/card }}
