Cool Button With Hover Effect Using CSS3

Pure css3 button effect with icon

<h1>Cool Button With Hover Effect</h1>
<a href="#" data-text="&#10004; Read More" class="button-hover">Read More</a>
<a href="#" data-text="&#10004; Read More" class="button-hover red">Read More</a>
<a href="#" data-text="&#10004; Read More" class="button-hover green">Read More</a>
<a href="#" data-text="&#10004; Read More" class="button-hover black">Read More</a>
<a href="#" data-text="Read Post" class="button-hover gray">Read More</a>
<a href="#" data-text="Read Post" class="button-hover info">Read More</a>
<a href="#" data-text="Read Post" class="button-hover pink">Read More</a>
<a href="#" data-text="Read Post" class="button-hover light-green">Read More</a>

DEMO