我正在尝试创建一个按钮（React组件），动画中出现了一个圆圈，里面有另一个React组件作为SVG。一旦我向SVG组件添加填充，它就会由于某种原因隐藏起来。我尝试搜索，但没有结果。
我用来创建它的代码是：

<Button variant="cornered" color="quaternary" href="#">
    <ArrowUp className="hidden scale-75 rounded-full bg-white fill-tertiary-400" />
    Request a demo
</Button>

初始状态如下：

当通过顺风bg添加背景色时-白色

添加p-3顺风值会隐藏SVG？

现在我可以通过添加一个圆形的div作为背景来解决这个问题，但是这不是我想要的解决问题的方法。有没有可能在不使SVG组件消失的情况下添加填充？