{% if url %}
  <a
    href="{{ url }}"
{% else %}
  <div
{% endif %}
    class="hover:no-underline mb-12 flex gap-3 max-w-4xl"
  >

  {% if icon %}
    <i class="{{ icon }} hidden mr-6 text-6xl lg:block xl:justify-self-end"></i>
  {% endif %}

  <div class="flex flex-col">
    <h3 class="font-alt mb-4 text-4xl">
      {{ title }}
    </h3>
    <div class="prose [&>div.content-block>p:first-child]:mt-0">
      <div class="content-block">
        <p>
          {{ text }}
        </p>
        <p>
          {{ text }}
        </p>
      </div>
    </div>
  </div>

{% if url %}
  </a>
{% else %}
  </div>
{% endif %}
