{{< cta
  kind="default"
  label="기본 CTA"
  href="/contact/"
  ref=""
  intent="generic"
  priority="secondary"
  surface="after-content"
  size="md"
  tone="neutral"
  align="center"
  target="_self"
  rel=""
  note="기본 동작을 확인합니다."
  subtitle="자세히 보기"
  aria_label=""
  badge="BASE"
  tracking_id="cta-kind-01"
  analytics_event="cta_kind_default"
  id="cta-kind-default"
  class="is-default"
  compact="false"
  disabled="false" >}}
기본 CTA의 본문 보조 설명입니다.
{{< /cta >}}

{{< cta
  kind="external"
  label="외부 문서 열기"
  href="https://example.com/docs"
  ref="/blog/"
  intent="external"
  priority="primary"
  surface="hero"
  size="lg"
  tone="brand"
  align="center"
  target="_blank"
  rel=""
  note="새 창에서 외부 문서를 엽니다."
  subtitle="공식 문서"
  aria_label="외부 링크"
  badge="OFFICIAL"
  tracking_id="cta-kind-02"
  analytics_event="cta_kind_external"
  id="cta-kind-external"
  class="is-external"
  compact="true"
  disabled="false" >}}
새 창 열기와 rel 기본값을 함께 확인합니다.
{{< /cta >}}

{{< cta
  kind="unknown-kind"
  label="폴백 CTA"
  href="https://example.com/fallback"
  target="_blank"
  rel=""
  priority="secondary"
  surface="inline"
  size="sm"
  tone="muted"
  align="left"
  compact=true
  disabled=false >}}
알 수 없는 kind 가 들어와도 안전하게 기본 동작으로 내려갑니다.
{{< /cta >}}