Soft Lift Button

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

【演出内容】
- ホバーするとボタンがわずかに浮き上がり、同時に落ちる影が深く大きくなる
- 浮上と影の変化は完全に同期させ、面が持ち上がったように見せる

【品質要件】
- 浮上量は5px前後、変化時間は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 the button lifts slightly while the cast shadow simultaneously grows deeper and larger
- Lift and shadow are perfectly in sync, so the surface reads as being raised

[Quality requirements]
- Lift about 5px over 0.3-0.4s. Too much movement makes the layout look unstable
- Cast the shadow straight down and keep its edges soft
- 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