如何使用CSS实现此按钮？

Question

如何在CSS和HTML中创建这两个按钮？我知道我可以轻松地将图像用作背景，但是我希望能够在单击按钮时更改按钮中的图标和文本（而不是向下箭头，使其成为播放或暂停图标）（我可以使用“点击”事件监听器轻松地完成此操作）。我想知道您是否可以使用这些按钮[使用播放或暂停图标而不是下载按钮，并且没有iLivid徽标/文字]。

到目前为止我有什么？好吧，我正在考虑将<a>用于按钮本身，将其内部的<i class="[something]"></i>用于图标，并将<span>用于更改文本。更改图标和文本应该非常简单，因此我想我可以通过更改<i>元素的类并使用类似$().text("Download");的内容来更改文本。

这些按钮是广告的一部分。