Letter Spacing Button

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

【演出内容】
- ホバーすると、ラベルの字間がゆっくり開いて文字がほどけるように広がる
- 広がってもラベルは中央に留まり、左右どちらかに寄らない

【品質要件】
- 変化時間は0.35秒前後。瞬時に切り替えず、必ず補間して開く
- 字間が開いた状態でも文字がボタンの内側に収まる余白を確保する
- 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 letter spacing of the label opens up slowly, as if the word were unfurling
- Even when expanded the label stays centered and never drifts to one side

[Quality requirements]
- Duration about 0.35s. Never snap - always interpolate
- Reserve enough padding that the expanded label still fits inside the button
- 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