Icon Look-At Button

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

【演出内容】
- ボタン内のアイコンが常にポインタのある方向を向き続ける
- ポインタが回り込めばアイコンもそれを追って回転し、こちらを見ているように振る舞う

【品質要件】
- 回転の追従遅れは0.2秒以内。ぬるりと遅れて回らないようにする
- 回転するのはアイコンだけで、ラベルとボタン本体は動かさない
- ポインタを持たない環境では正位置のまま固定する
- prefers-reduced-motion 時は演出を無効化し、状態変化だけが分かる静的表示にフォールバックする
- ラベルの可読性を落とさない。文字が読めなくなる瞬間を作らない

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

[Motion]
- An icon inside the button always faces the direction of the pointer
- If the pointer circles around it, the icon rotates to keep following, as if watching you

[Quality requirements]
- Keep the rotation lag under 0.2s; it must not drag behind
- Only the icon rotates - the label and the button itself stay still
- On devices without a pointer, keep the icon in its default orientation
- 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