{# Experience transition button — single source of truth for the 5 branches
   that render a transition affordance in experience/_content.html.
   Contract: ~/.claude/skills/ux-architect/components/experience-shell.md (UX-072)
   Fixes EX-053 (CSRF) + closes experience-shell v2 Q2 (quadruplication).

   v0.62 CSS refactor: 3-style branch (primary/ghost/border-default)
   moved from inline Tailwind ternary to attribute selectors on
   `.dz-experience-transition[data-dz-transition-style="..."]` in
   components/fragments.css. Same #906-class JIT-visibility win. #}

{%- macro experience_transition_button(tr) -%}
<button type="button"
        class="dz-experience-transition"
        data-dz-transition-style="{{ tr.style | default('default') }}"
        hx-post="{{ tr.url }}"
        hx-target="body"
        hx-swap="innerHTML">
  {{ tr.label }}
</button>
{%- endmacro -%}