<div class="p-8 text-center bg-white rounded-lg shadow-lg">
	<h2 class="text-gray-700 heading-2">
		{{ block.heading }}
		{# {% if block.subheading|default %}
			<strong class="block font-bold text-blue-800">{{ block.subheading }}</strong>
		{% endif %} #}
	</h2>

	<div class="flex justify-center mt-8">
	{% for item in block.links %}
		<div class="inline-flex ml-3 rounded-md shadow first:ml-0">
		{% include "_atoms/button" with {
			self: {
				url: item.linkField.url|default,
				text: item.linkField.text|default,
				icon: "outline/chevron-right",
				classes: loop.first ? [] : ["text-blue-800 bg-indigo-100 hover:bg-indigo-200 hover:text-blue-800"]
			}
		} %}
		</div>
	{% endfor %}
	</div>
</div>
