<div class="rounded-xl w-full hover:shadow-md transition-shadow duration-300 border-[1px] border-grey-200 bg-white h-full overflow-hidden">
<a href="./" class="flex h-full">
<div class="flex items-center bg-heading m-0 px-3.5 md:px-9 py-6 text-white">
<svg class="w-6 md:w-8 h-8 md:h-10 fill-current text-white justify-self-center">
<use href="/front-end/sprite.svg#icon-link"></use>
</svg>
</div>
<div class="text-left w-full p-4 lg:p-6 pr-0 xl:pr-2 flex flex-col justify-center">
<p class="w-10/12 text-lg leading-tight font-bold text-heading mb-1">Environmental sustainability guide</p>
<p class="w-10/12 leading-tight font-light text-grey">Environment.gov.co.uk</p>
</div>
<div class="flex items-center p-4 md:pr-6 md:pl-0">
<svg class="fill-current text-heading w-8 md:w-10 h-6 md:h-8">
<use href="/front-end/sprite.svg#icon-external-link"></use>
</svg>
</div>
</a>
</div>
<div class="rounded-xl w-full hover:shadow-md transition-shadow duration-300 border-[1px] border-grey-200 bg-white h-full overflow-hidden">
<a href="{{url}}" class="flex h-full">
{% if downloadLink %}
<div class="flex items-center bg-heading m-0 px-3.5 md:px-9 py-6 text-white">
{% render "@icon", { name: downloadIcon, modifier: "w-6 md:w-8 h-8 md:h-10 fill-current text-white justify-self-center" } %}
</div>
{% endif %}
<div class="text-left w-full p-4 lg:p-6 pr-0 xl:pr-2 flex flex-col justify-center">
<p class="w-10/12 text-lg leading-tight font-bold text-heading mb-1">{{title}}</p>
<p class="w-10/12 leading-tight font-light text-grey">{{subtext}}</p>
</div>
{% if otherLink %}
<div class="flex items-center p-4 md:pr-6 md:pl-0">
{% if linkIcon == "icon-internal-link" %}
{% render "@icon", { name: linkIcon, modifier: "fill-current text-heading w-6 md:w-7 h-4 md:h-5" } %}
{% else %}
{% render "@icon", { name: linkIcon, modifier: "fill-current text-heading w-8 md:w-10 h-6 md:h-8" } %}
{% endif %}
</div>
{% endif %}
</a>
</div>
{
"siteName": "UCEA",
"title": "Environmental sustainability guide",
"subtext": "Environment.gov.co.uk",
"downloadLink": true,
"otherLink": true,
"downloadIcon": "icon-link",
"linkIcon": "icon-external-link",
"url": "./"
}
No notes defined.