Html CSS-动画按钮

我需要动画CSS按钮，类似于图片上的，
您可以在此处找到这些按钮：

类似于此：

---

您可以尝试在按钮内放置一个div，如下所示：

<button>
    <div>
        Button
    </div>
</button>

按钮

然后将要设置为动画的div设置为

width:100%

和

background:red

---

对于下面的红线，可能是一个动画，您在其中设置了

边框底部

属性

到目前为止您做了什么？它们是一些奇特的按钮..只是经典的动画按钮