Scale Up Button

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

【演出内容】
- ホバーするとボタン全体がなめらかに拡大し、枠線がアクセント色に変わる
- 中心を固定して拡大し、位置は動かさない

【品質要件】
- 拡大率は1.1〜1.15倍。大きくしすぎると隣接要素に干渉する
- 変化時間は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 whole button scales up smoothly and the border shifts to the accent color
- Scale from a fixed center; the position never moves

[Quality requirements]
- Scale to 1.1-1.15x. Any larger and it starts colliding with neighboring elements
- Duration 0.3-0.4s, and keep the scale small enough that the text does not blur
- 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