<section class="cm-gray-2 body-font"> {% unless include.no_container %} <div class="container px-5 py-24 mx-auto"> {% endunless %} <div class="lg:w-2/3 flex flex-col sm:flex-row sm:items-center items-start mx-auto"> <h1 class="flex-grow sm:pr-16 text-2xl font-medium title-font cm-gray-1">{{ include.cta.text|default:include.text }}</h1> {% for item in include.cta.btn %} <a href="{{ item.link }}" class="flex-shrink-0 text-white bg-secondary border-0 py-2 px-8 focus:outline-none hover:bg-primary rounded text-lg mt-10 sm:mt-0">{{ item.text }}</a> {% endfor %} {% if include.link %} <a href="{{ include.link }}" class="flex-shrink-0 text-white bg-secondary border-0 py-2 px-8 focus:outline-none hover:bg-primary rounded text-lg mt-10 sm:mt-0">{{ include.link_text }}</a> {% endif %} </div> {% unless include.no_container %} </div> {% endunless %} </section>