Html 带有文本的SVG周围的IE/Edge链接移动文本

我有以下HTML：

<a href="/">
    <svg viewBox="0 0 100 100">
        <circle cx="50" cy="50" r="48"/>
        <text y=72>
            <tspan x=50 text-anchor="middle">Hello World</tspan>
        </text>
    </svg>
</a>

当我将鼠标悬停在SVG上时，文本向右移动。我检查是否添加了CSS，可能添加了一些填充，但没有添加任何内容。当我移除悬停时，文本保持移动

有什么想法吗？谢谢。

我糟糕的解决方案（我没有找到其他解决方案）：

a：悬停文本，
a:活动文本{
变换：translateX（0）；
}

刚刚尝试使用Edge，我没有移动文本，按预期工作是的，我也有同样的问题。我还没有找到解决办法yetExample：点击链接