ボタンの配置がデバイスによりズレる問題ですが、

デバイス毎の画面サイズや処理の違いから、

指定する距離が大きければ、それだけズレが大きくなる可能性がございます。

今回の場合、下方向への配置というところですが、

上を基準に 70% の位置で指定しているため、

下から指定する方がズレか小さくなると思われますので、

一度下記CSSの調整をしていただけますでしょうか？

[ 修正前 ]

.txt-on span {
  width: 80%;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  animation: puruY 1s forwards infinite;
}

[ 修正後 ]

下記を調整しております。

top: 70% → bottom: 15%;
left: 50%; → left: 10%;
transform: translate(-50%, -50%); → 削除
.txt-on span {
  width: 80%;
  bottom: 15%;
  left: 10%;
  position: absolute;
  animation: puruY 1s forwards infinite;
}

こちらでも解消されないという場合には、お気軽にお問い合わせくださいませ。