<div
  class="flex w-[419px] flex-col items-center justify-center gap-4"
  data-what="customer-points-summary"
>
  <!-- Points heading -->
  <h2 class="isa-text-subtitle-1-bold text-center text-isa-black">
    Lesepunkte: {{ formattedPoints() }}
  </h2>

  <!-- CTA to Prämienshop -->
  <button
    uiButton
    type="button"
    color="primary"
    data-what="praemienshop-button"
    (click)="onNavigateToPraemienshop()"
  >
    Zum Prämienshop
  </button>
</div>
