【Unity】UIのボタンの周りに色のついた枠を付けたい

Question

「現在の状況」

UnityのUI機能のButtonを作りました。
そのButtonはImageコンポーネントの「Source Image」で「Sprite(2D and UI)」のタイプ画像に変更しました。
画像だとこのような感じです。

「試したこと」

こちらのリンクを参考にしてアウトラインを作ろうとしました。
SpriteRenderer用のアウトラインシェーダ【Unity】

内容としてはマテリアルを作り、そのマテリアルのシェーダーを「Sprites/OutlineMeter」に変更してからアウトラインを作る流れでした。
ただ実際見てみたらこのようにspritesのところにourlineMeterという項目がなかったです。

その為つまづいており、もっと他にいいやり方があるんじゃないか？
と思い質問させていただきます。

「質問」

この画像のボタンの周りに色のついたアウトラインを出したいのですがどうすればいいでしょうか？
先ほどの画像ならのこのような感じで枠を付けてその枠に色をつけるようなイメージです。

最終的にはスクリプトのイベントシステムで、マウスが重なっている時だけアウトラインを出すような仕組みにしたいと思っています。

Unityのバージョンは2019.2.21f1です。
どうかよろしくお願いいたします。

Answer 1

こんにちは！

全く同じ形のサイズが少しだけ大きい任意の枠の色の画像を用意して、ボタンの下に敷いて選択時だけアクティブにすればはみ出した部分がアウトラインのように見せられるかもしれません。
子オブジェクトにすればサイズなども連動してボタンアニメーションでサイズが変わっても枠をそのままに保てるかもですね。

苦し紛れの方法で本当に申し訳ないのですが、（低評価押してくださって構いません。返信も要りません）他に何も回答がつかなかったらやってみてください。
浅学の身で変な回答をしてしまいまして申し訳ありません。
応援しています！

追記
調べてみたのですが、同じサイズで色だけ変えた画像を逆マスク処理して枠に作り変えた上でボタンにかぶせて表示非表示を繰り返すのもいいかもしれません。
参考サイト↓
UIマスクについて