{% load wagtailcore_tags %}
{% if value.page.live %}
  <div class="cta bg-grey">
    <div class="container">
      <div class="cta__row flex flex--middle flex--15">
        <div class="col-2-3 col-xs-full column cta__description">
          <h2 class="title-big">{{ value.title|default:value.page.title }}</h2>
          <p class="text-medium mg-t-15">{{ value.text|linebreaksbr }}</p>
        </div>
        <div class="col-1-3 col-xs-full column cta__button right left-xs">
          <a href="{% if value.page %}{% pageurl value.page %}{% endif %}" class="btn btn--primary dp-inline dp-xs-block">{{ value.button_text }}</a>
        </div>
      </div>
    </div>
  </div>
{% endif %}