Gradient Shift Button

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

【演出内容】
- ボタンの背景は横長のグラデーション。ホバーするとグラデーションの位置が横に流れ、明るい帯が面を通過していく
- 要素自体は動かさず、背景の見え方だけが移動する

【品質要件】
- 流れる時間は0.6秒前後。ループさせず、ホバー中に一度流れて止まる
- グラデーションの明暗差は控えめにし、ラベルがどの位置でも読めるようにする
- prefers-reduced-motion 時は演出を無効化し、状態変化だけが分かる静的表示にフォールバックする
- ラベルの可読性を落とさない。文字が読めなくなる瞬間を作らない

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

[Motion]
- The button background is a wide gradient. On hover the gradient position slides sideways and a brighter band travels across the surface
- The element itself never moves; only the way the background is displayed shifts

[Quality requirements]
- The sweep takes about 0.6s. Do not loop it; it runs once and settles while hovered
- Keep the gradient's light-to-dark contrast subtle so the label stays readable at any position
- 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