Button 设置DIVI-woo商务按钮的样式'；悬停

我正在寻找样式的WooCommerce添加到购物车按钮的悬停，以一个更独特的外观，这与我的网站的其余部分适合。我基本上希望，当你将鼠标悬停在文本的底部时，它只会出现在文本的底部（就像我网站上菜单项上的悬停效果一样）

下面您可以找到菜单项悬停效果的自定义CSS，是否有任何方法也可以将其应用于“添加到购物车”按钮？我真的很感激任何帮助。请在下面找到我的网站的所有链接

链接：

在菜单的悬停效果下加下划线：

#顶部菜单a{
填充：8px 0；/*您可能需要调整此值*/
}
#顶部菜单a：：之后{
位置：绝对位置；
顶部：50%；/*您可能需要调整此值*/
左：0；
宽度：100%；
高度：4px；/*您可能需要调整此高度*/
背景：#fff；
内容：''；
不透明度：0；
-webkit转换：不透明度0.3s，-webkit转换0.3s；
-moz变换：不透明度0.3s，-moz变换0.3s；
过渡：不透明度0.3s，变换0.3s；
-webkit转换：translateY（10px）；
-moz变换：translateY（10px）；
变换：translateY（10px）；
}
#顶部菜单a：悬停：：之后，
#顶部菜单a:focus:：after{
不透明度：1；
-webkit转换：translateY（0px）；
-moz变换：translateY（0px）；
变换：translateY（0px）；
}