buttonタグが表示されない。

Question

検証環境
iOS
safari 604.1
Chrome 86.0.4240.93

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

<button class="btn-hamburger">
    <span class="btn-hamburger_line"></span>
    <span class="btn-hamburger_line"></span>
    <span class="btn-hamburger_line"></span>
</button>

button {
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
    -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.btn-hamburger {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
    position: fixed;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
}
.btn-hamburger_line {
    display: block;
    width: 100%;
    height: 2px;
    background: #333;
    transition: transform 0.5s;
}