Проблема решилась!
Оказалось что я по ошибке добавил стили :focus для кнопки.
Итог:
Удалил фрагмент кода
.button-volume:focus {
opacity: 0.4;
transition: 0.2s;
}
И добавил медиа запрос, который убирает стили :hover для таблетов
@media (max-width:768px) {
.button-volume:hover {
opacity: 1;
transition: none;
}
}