Html 需要CSS3按钮样式

好的，我被赋予了重新创建这个按钮的任务

使用HTML的这一部分

<a href="#">
  Home <i class="material-icons ico-style">home</i>
</a>

---

我需要帮助，我对渐变和部分是否应该是方框阴影或插入边框等问题非常迷茫。请您解释答案。

这里是渐变部分的建议。您需要添加自己的图标

a{
位置：相对位置；
显示：内联块；
宽度：120px；
高度：50px；
线高：50px；
文本对齐：居中；
边界半径：25px；
边框：1px实心浅灰色；
背景：线性梯度（#999，#fff）；
文字装饰：无；
}
a:以前{
内容：''；
位置：绝对位置；
左：9px；
顶部：9px；
宽度：100px；
高度：30px；
边界半径：15px；
边框：1px纯色灰色；
背景：白色；
}
跨度{
位置：相对位置；
}

---

您能告诉我我的答案中缺少什么吗？这样我可以调整，您可以接受。