{{#
/**
 * @name top-level/testimonial-cta
 * @todo Document property vars/partial
 */
#}}
<section class="px-5 pt-10 pb-11 m--py-11 bg-{{ color }}">
  <div class="mw-grid mx-auto m--grid m--g-cols m--gap-m m--ai-center m--my-5">
    <div class="m--g-col-8 l--g-col-6 {{ if reversed }}m--order-2 m--g-start-4 l--g-start-6{{ /if }}">
      <h2 class="title-2 {{ if color=='ocean' || color=='mint' }}white{{ elseif color=='ocean-40' }}slate-120{{ /if }} mt-0 l--title-4 l--mb-5">{{ title | widont }}</h2>
      <p class="body-3 {{ if color=='ocean' || color=='mint' }}white{{ elseif color=='ocean-40' }}slate{{ /if }} fw-500 mb-8">{{ copy }}</p>
      {{ if color=='mint' }}
        {{ partial:form-free-trial button-color='ocean' }}
      {{ else }}
        {{ partial:form-free-trial }}
      {{ /if }}
    </div>
    <div class="mt-8 m--mt-0 m--g-col-4 l--g-col-5 {{ unless reversed }}l--g-start-7{{ /unless }}">
      <div class="{{ if color=='ocean' }}bg-testimonial-card-ocean{{ elseif color=='mint' }}bg-testimonial-mint{{ elseif color=='ocean-40' }}bg-white{{ /if }} br-2 p-5 bs-very-soft">
        <div class="lh-0">
          <img src="{{ theme:asset src='images/star.svg' }}" alt="">
          <img src="{{ theme:asset src='images/star.svg' }}" alt="">
          <img src="{{ theme:asset src='images/star.svg' }}" alt="">
          <img src="{{ theme:asset src='images/star.svg' }}" alt="">
          <img src="{{ theme:asset src='images/star.svg' }}" alt="">
        </div>
        <p class="body-3 fw-700 {{ if color=='ocean' || color=='mint' }}white{{ else }}slate-120{{ /if }}">{{ test_title | widont }}</p>
        <p class="body-3 hang-punc {{ if color=='ocean' || color=='mint' }}white{{ else }}slate{{ /if }}">&ldquo;{{ test_copy }}&rdquo;</p>
        <div {{ if test_card_asset }}class="flex"{{ /if }}>
          {{ if test_card_asset }}
            <img src="{{ test_card_asset }}" alt="" class="avatar mr-5 flex-shrink-0">
          {{ /if }}
          <p class="body-2 fw-600 {{ if color=='ocean' || color=='mint' }}white{{ else }}slate{{ /if }}">
            {{ unless test_card_asset }}&mdash;{{ /unless }} {{ test_designation }}
          </p>
        </div>
      </div>
    </div>
  </div>
</section>