HTML元素的Neon Glow在Mobile上无法正常运行

Question

我想使这些跨度发光，并且我已经在Desktop平台上取得了成功，并且非常出色，但是当在移动设备上打开网站时，发光似乎太小了，需要放大镜才能看到...我尝试了增加像素但没有变化。

@keyframes glowing {
  0% { box-shadow: 0 0 -10px rgb(196, 196, 196);}
  40% { box-shadow: 0 0 20px rgb(196, 196, 196); }
  60% { box-shadow: 0 0 20px rgb(196, 196, 196); }
  100% { box-shadow: 0 0 -10px rgb(196, 196, 196); }
}

.glowButton {
  animation: glowing 1000ms infinite;
  box-shadow: 0 0 10px rgb(133, 133, 133);
}

<div class="glowButton">Button</div>