Label to Icon Button

【対象要素】
- サイト内のボタン1点（CTA・リンクボタン・フォームの送信ボタン等）に適用する

【演出内容】
- ホバーすると、ラベルが縮みながら消え、入れ替わりに中央からアイコン（矢印など）が拡大して現れる
- 消えるラベルと現れるアイコンは同じ中心を共有し、その場で入れ替わったように見せる

【品質要件】
- 入れ替えは0.2〜0.25秒。速めにして、迷いのない切り替えにする
- ボタンの幅は変えない（アイコンだけになっても縮めない）
- prefers-reduced-motion 時は演出を無効化し、状態変化だけが分かる静的表示にフォールバックする
- ラベルの可読性を落とさない。文字が読めなくなる瞬間を作らない

[Target element]
- Apply to a single button on your site (a CTA, a link button, a form submit button, etc.)

[Motion]
- On hover the label shrinks away while an icon (an arrow, for example) scales up from the center to replace it
- Both share the same center point, so it reads as an in-place swap

[Quality requirements]
- Swap in 0.2-0.25s. Keep it quick so the change feels decisive
- Do not change the button width (do not shrink it once only the icon remains)
- When prefers-reduced-motion is set, disable the animation and fall back to a static state change
- Never reduce the legibility of the label; do not create a moment where the text cannot be read