{#

Element ID: Element14
Element Name: Text Button Image Full Width

#}

<section class="text-btn-img {% if element.image is null %}no-img {% endif %}align-{{ element.align }} {% if element.is_dark_theme %} dark-theme{% endif %}">
    <div class="container container--smaller text-btn-img__container">
        <div class="text-btn-img__content">
            <h2 class="h1 text-uppercase">{{ element.title }}</h2>
            {% if element.subtitle|length %}
                <h3 class="h2">{{ element.subtitle }}</h3>
            {% endif %}
            <p {% if element.is_small_text %} class="h3" {% else %}  class="h2"  {% endif %}>{{ element.text }}</p>
            {% if element.button_text|length %}
            <a href="{{ element.button_link }}" class="btn btn--primary" {{ element.is_outter_link ? 'target="_blank"' : '' }}>{{ element.button_text }}</a>
            {% endif %}
            {{ element.video_button_link.url }}
            {% if element.video_button_text|length %}
                <a href="#" class="btn btn--primary modal-video-trigger" data-video-url="{{ element.video_button_link }}">{{ element.video_button_text }}</a>
            {% endif %}
        </div>
        {% if element.is_background_image %}
            <div class="text-btn-img__background-image" style="background-image: url({{ Image(element.image).src }});"></div>
        {% else %}
            <div class="text-btn-img__image align-left">
                <img src="{{ Image(element.image).src }}" />
            </div>
        {% endif %}
    </div>
</section>