ツールチップに関しては、表示位置がマウスポインターの上側だと前面に覆い被さる要素があったのが >>67 で隠れていた原因なので、ツールチップの表示位置を下側に移動するという方法もあります。

「[data-title]:not([disabled]):after」がツールチップのセレクタで、ボタンに関連するclassと組み合わせることで、特定のツールチップを指定できます。

マウスポインターよりも下側にツールチップを表示する場合は、「bottom: calc(100% + 4px)」を「bottom: auto;」にして、「top:」でマウスポインターの縦の大きさよりも大きな値を指定する。

個人的にはチラついておすすめできないけど、ボタン上のマウスポインターを非表示にする場合は、「bottom: calc(50% - 10px);」とかにして、ボタンに対して「cursor: none;」を指定する。