Nuxt.jsでbootstrapを使用。SPでのhoverの扱いについて

Question

Nuxt.jsでbootstrapを使用。
SP(スマートフォン)でのhoverの扱いについて質問させてください。

bootstrapのclassにbuttonがあるのですがhoverがデフォルトで設定されています。
PCから操作するときは違和感がないのですが
SPから操作するとボタンタップ時にずっと押しっぱなしになったような表示になります。
(原因はhoverがクリックからずっと有効になってしまうため）

どのように対処すればボタンタップでhoverが効かず変な動きにならないでしょうか。

アドバイス頂けると嬉しいです。
よろしくお願いいたします。