【SCSS/CSS🔰】ボタンのサイズを固定で取っていたのに急に縮む現象（inlineのサイズになる）

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。

現象

共通用のボタンを作っており、そこではサイズを指定している。
ボタン単体ではサイズを維持するが、画像、テキスト、ボタンなどに組み込む際ボタンの幅が縮む。

原因

親のクラスでdisplay:flex;align-items:center;を使用。

親のクラスでalign-items:center;をすると子要素の方幅がautoになり縮んだ。

対象方法

子要素のwidthを100%で設定した。