<h3 class="c-card--complete-profile__hed">
  <a href="#" class="c-card--complete-profile__link">
    {{user}}
  </a>
</h3>
<p class="c-card--complete-profile__text">
  Your profile helps us give you a better experience. Complete your profile to take advantage of all your member
  benefits.
</p>
<div class="c-card--complete-profile__button">
  {{> button anchorButton=true buttonText="Complete profile" buttonModifierClasses="c-button--grey-secondary"}}
</div>
<figure class="c-card--complete-profile__chart">
  {{> donut-chart bgColor="#fff" baseColor="#ccc" chartColor="#a45037" stroke="8" percent=percent remainder=remainder }}

  <figcaption class="figure-key">
    <p class="u-visually-hidden">Donut chart showing percent of completed profile.</p>
    <p class="c-card--complete-profile__chart__text">{{percent}}% complete</p>
  </figcaption>
</figure>
