アニメーションを設定したいボタンのボックスを選択します。

右パネル右上の[条件スタイル]をクリックし、一覧から[ホバー]を選択します。

パネルが閉じている場合は、右パネルを開いてください。

右パネル内をスクロールし、[外観]の[背景色]設定欄に、カーソルを乗せたとき（ホバー時）の背景色を設定します。色の設定には、カラーパレットを使用します。

設定が完了したら、スクリーン外の灰色の余白部分をクリックしてください。

ボタン内のテキストボックスを選択します。

右パネル右上の[条件スタイル]から（in）ホバーを選択します。

パネルが閉じている場合は、右パネルを開いてください。

[カスタム設定]ボタンをクリックします。

[タイポグラフィ]の[色]設定欄で、テキストの色をホバー時に設定した背景色とバランスのよい色に変更します。色の設定には、カラーパレットを使用します。

設定が完了したら、スクリーン外の灰色の余白部分をクリックしてください。

画面右上のライブプレビューをクリックします。

ライブプレビュー画面でボタンにカーソルを乗せ、背景色とテキスト色が想定どおり切り替わるかを確認します。

必要に応じて、通常状態・ホバー状態の色やタイミングなどを微調整します。

公開サイトの編集を行なっている場合には、サイトを更新します。この操作を行うまで、公開サイトへは反映されません。