buttonタグが表示されない。

検証環境
iOS
safari 604.1
Chrome 86.0.4240.93

iOSにおいてsafariとChromeでbutton要素が表示されません。
Mac OSでは２つのブラウザとも表示されています。
また、buttonタグをdivタグに変えた場合、iOSでは表示されました。
buttonタグが対応していないのでしょうか？

html
1<button class="btn-hamburger">
2    <span class="btn-hamburger_line"></span>
3    <span class="btn-hamburger_line"></span>
4    <span class="btn-hamburger_line"></span>
5</button>

css
1button {
2    padding: 0;
3    border: none;
4    outline: none;
5    background: transparent;
6    -webkit-appearance: none;
7     -moz-appearance: none;
8          appearance: none;
9}
10.btn-hamburger {
11    display: flex;
12    flex-flow: column nowrap;
13    justify-content: space-around;
14    position: fixed;
15    top: 20px;
16    right: 20px;
17    width: 40px;
18    height: 40px;
19}
20.btn-hamburger_line {
21    display: block;
22    width: 100%;
23    height: 2px;
24    background: #333;
25    transition: transform 0.5s;
26}
27