<div class="squatch-actions" data-referrals="{{referrals.length}}"
  {{#unless referredBy.dateReferred}}
    data-referredBy="0"
  {{/unless}}
>
  <button data-open-panel="#squatch-stats-panel" class="btn btn-default
    {{#unless referrals}}
      {{#unless referredBy.dateReferred}}
        disabled
      {{/unless}}
    {{/unless}}
  ">
    {{#if referrals}}
      Show Details
    {{else}}
      {{#if referredBy.dateReferred}}
        Show Details
      {{else}}
        No Referrals Yet...
      {{/if}}
    {{/if}}
  </button>

  {{> attribution}}
</div>

<div class="squatch-actions" data-referrals="{{referralsLength}}"
  {{#unless referredBy.dateReferred}}
    data-referredBy="0"
  {{/unless}}
>
  <button data-open-panel="#squatch-stats-panel" class="btn btn-default
    {{#unless referrals}}
      {{#unless referredBy.dateReferred}}
        disabled
      {{/unless}}
    {{/unless}}
  ">
    {{#if referrals}}
      Show Details
    {{else}}
      {{#if referredBy.dateReferred}}
        Show Details
      {{else}}
        No Referrals Yet...
      {{/if}}
    {{/if}}
  </button>

  {{> attribution}}
</div>

Use context variable instead of length property
Use context variable instead of length property
