{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "general/building-blocks/button/button-macros.njk" as button %}

{# ========================================================================== #}
{# :: Default #}
{# ========================================================================== #}
{% macro default(classes, data) %}

	<section class="c-cta l-section l-section--background-green l-section--with-shapes {{classes}}">
		<div class="l-container">
			<div class="l-grid l-grid--with-spacing l-grid--align-middle">
				<div class="l-grid__col l-grid__col--8@desktop">
					<h3 class="c-cta__title">{{data.title}}</h3>

					<p class="c-cta__text">{{data.text}}</p>
				</div>

				<div class="l-grid__col l-grid__col--4@desktop">
					{{button.default("c-button--inverted c-cta__button", data.button)}}
				</div>
			</div>
		</div>
	</section>

{% endmacro %}