Максим

Используй тэг <progress> https://habr.com/ru/post/266895/

Я использую mixin для sass, чтобы hover вообще не применялся на устройствах с touch:

@mixin support-hover()
  @media (hover), (min-width:0\0), (min--moz-device-pixel-ratio:0)
    @content

Соответственно в него нужно поместить какой-либо блок с :hover

Пример использования:

@include support-hover()
  .link
      
    &:hover
      color: blue

А если нужно просто заблокировать hover во время скролла, то можно добавить к body (или к элементам, которые нужно заблокировать *) стиль pointer-events: none и в конце скролла удалять этот стиль

Просто добавь к стрелке стиль pointer-events: none;

Вариантов много...
Можешь сделать:
display: flex;
align-items: center;
justify-content: center