Rotating Badge

【対象要素】
- スクロール誘導やCTAの円形バッジに適用する

【演出内容】
- 円周に沿ったテキストが回転し続け、中央のアイコン（矢印など）は回転せず固定する

【品質要件】
- 中央のアイコンはバッジの上下左右の中央に正確に配置する
- テキストの回転は1周10秒前後のゆっくりめにする
- ループの継ぎ目が分からないよう、終了時の状態と開始時の状態を完全に一致させる
- prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する

[Target]
- A circular badge for scroll hints or CTAs

[Motion]
- The circular text rotates continuously while a center icon (e.g. an arrow) stays fixed

[Quality]
- Center the icon exactly, both axes
- Keep rotation slow, about 10s per revolution
- Make the loop seamless: the end state must match the start state exactly
- With prefers-reduced-motion, stop the animation and show a static finished state