{{#
/**
 * @name testimonials/card-thumbs-up
 * @todo Document property vars/partial
 */
#}}
<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-solid bw-2 bc-ocean-40 relative mt-7 m--mr-7 testimonial-card-thumbs-up">
  <img src="{{ theme:asset src='images/thumbs-up.svg' }}" alt="" class="absolute top-n2 right-1 m--right-n2 thumbs-up-icon">
  <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 }} mr-10 m--mr-0">{{ test_title }}</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>