Html 如何创建悬停效果并带来两种不同的<；a href>；标签？

在我的情况下，我想实现完全相同的事情，但不知道我该怎么做

.apply按钮{
位置：绝对位置；
边缘顶部：8rem；
边界半径：5em；
盒影：0 8px 4px 0 rgba（0,0,0,0.25）；
边框样式：实心；
边界宽度：0.275雷姆；
边界图像切片：0；
边界图像源：线性梯度（到顶部，#0270bb，#c6e357，rgba（255，153，0，0.9））；
背景来源：边框框；
背景剪辑：内容框、边框框；
背景图像：线性渐变（到底部，#ffffffff，#ffffff），线性渐变（到顶部，#0270bb，#c6e357，rgba（255，153，0，0.9））；
}

---

试图理解您的问题，但没有得到您真正想要的：

下面是实现悬停效果的示例代码

.showOnHover{display:none；}
.应用按钮：悬停。显示悬停{
显示：内联；
}
.应用按钮：悬停{
显示：块；
文本对齐：居中；
}
.应用按钮{
显示：内联块；
边缘顶部：8rem；
边界半径：5em；
盒影：0 8px 4px 0 rgba（0,0,0,0.25）；
边框样式：实心；
边界宽度：0.275雷姆；
边界图像切片：0；
边界图像源：线性梯度（到顶部，#0270bb，#c6e357，rgba（255，153，0，0.9））；
背景来源：边框框；
背景剪辑：内容框、边框框；
背景图像：线性渐变（到底部，#ffffffff，#ffffff），线性渐变（到顶部，#0270bb，#c6e357，rgba（255，153，0，0.9））；
}

---

尽管我的解释不好，但这是我一直在寻找的正确答案。谢谢