背景
ボタン要素にz-index=-1を設定しました。
完全にz-index=0の要素の下で隠れているようにしていないのに、
クリックできない。

理由
z-index=-1を設定すると、その要素は通常のフロー（z-index=0と同等）よりも下に配置される。
↓
親要素や他の要素（背景を含む）がその上に重なると、ボタンへのクリックイベントがブロックされる。
↓
マウスイベントは最前面の要素から順に伝搬するため、上に重なった要素がクリックを「キャッチ」してしまう。

解決策
z-indexを0以上の値に設定し、ほかの方法で位置調整をする。