What is the correct behavior for smartphone display if you specify a link among the elements that are set to animation in CSS:hover?

Q1. What is the correct behavior if you click the link in the example below?
·After running the animation to the end, link transition
·Link transition in the middle of animation
·Link transition without animation
·Depending on the animation content?

html

<button class="hoge">
  <a href="/">Link</a>
</button>

css

.hoge:hover{
    animation —anim 0.5s forwards;
}
@-webkit-keyframes anim

Q2.a Will the meaning change if I take the tag out?

<a href="/">
  <button class="hoge">
    link
  </button>

Q3. Only the actual smartphone does not link transition…
·It works with PC and emulation, but only the actual smartphone does not link transition
·It will be animated, but that's all
·What are the possible causes?