Glow Button

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

【演出内容】
- ホバーすると、ボタンの外周に淡い発光がふわりと立ち上がる
- 発光と同時に枠線もアクセント色へ変わり、光っている主体が枠であることが分かる

【品質要件】
- 発光の立ち上がりは0.3〜0.4秒。点滅させず、一定の明るさで留める
- 発光は背景を白く飛ばさない程度の淡さに抑える
- 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 a soft glow rises around the outside of the button
- The border shifts to the accent color at the same moment, making it clear that the border is what lights up

[Quality requirements]
- The glow rises over 0.3-0.4s. Do not blink; hold it at a steady brightness
- Keep the glow soft enough that it does not blow out the background
- 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