回答編集履歴

- [`transition` プロパティ](https://developer.mozilla.org/ja/docs/Web/CSS/transition)は遷移効果に関する一括指定プロパティであるため、要素の移動とは関係がありません。メニューの移動には [`transform` プロパティ](https://developer.mozilla.org/ja/docs/Web/CSS/transform)を使用しています。そのため、要素の移動方向に関しては、以下のように SCSS を修正することで左から右への移動に変更することが出来ます ([動作確認用リンク](https://jsfiddle.net/vtdfxs5g/))。

- メニューの開閉時アニメーションには [`border-bottom-left-radius` プロパティ](https://developer.mozilla.org/ja/docs/Web/CSS/border-bottom-left-radius)を使用しているため、これのアニメーションが行われる角を右側へ変更したい場合には、プロパティを [`border-bottom-right-radius` プロパティ](https://developer.mozilla.org/ja/docs/Web/CSS/border-bottom-right-radius)へ変更すれば良いです。また、文字の移動方向もメニューの移動と同様に `transform` プロパティで制御されているため、これを変更すれば良いことになります。この二点を追加で修正すると、以下のようになります ([動作確認用リンク](https://jsfiddle.net/hd6zvLea/))。