Html SVG颜色在按钮CSS中更改

我在更改SVG的颜色和按钮时遇到问题。当我将鼠标悬停在包含SVG的按钮上时，我希望SVG颜色发生变化，现在，当我将鼠标悬停在按钮内的SVG图像上时，SVG颜色才起作用。以下是我到目前为止得到的信息：

.round{
显示：内联块；
宽度：120px；
线高：118px；
背景色：rgba（100,100,100,0）；
边框：2px实心#0090ff；
-webkit边界半径：200px；
-moz边界半径：200px；
边界半径：200px；
光标：指针；
-webkit转换：所有.2都可以轻松完成；
-moz转换：所有.2秒都放松；
}
.圆形：悬停{
背景色：#00aaee；
边框：2px实心#0080b3；
}
.svg：悬停{
滤光片：亮度（1000%）饱和（0%）对比度（1000%）；
}

类似于：

.round:hover.svg{
滤光片：亮度（1000%）饱和（0%）对比度（1000%）；
}

您试过这个吗？