JSFiddle - React, Tailwind, and code Playground

HTML

<button class="btn-hover">Если мышь</button>
<button class="btn-sensor">Если сенсор</button>

<div style="height: 15px"></div>
Не работает нормально в Android Chrome

CSS

@media (hover: hover) and (pointer: fine) {
  .btn-hover:hover {
    background: yellow;
  }
}

@media (hover: none) and (pointer: coarse) {
  .btn-sensor:active {
    background: yellow;
  }
}

button {
  background: #000;
  color: #fff;
  padding: 25px;
}