Stylish Full Responsive Download Button For Blogger Blogspot

In this tutorial, we will see How to create full responsive and stylish like download app button using HTML and pure CSS . 

The badges provided by all app store providers just don’t play well together with their varying typography and different sizing. So let’s make them all visually unified, infinitely scalable, with pure text for easier localization and some web interaction styles. And while we’re at it: different sizes with the same markup by using some modifier classes.

HTML

<div class="btn">

<a class="mybtn" href="#">Download Button</a>

<a class="mybtn" href="#">Download Button</a>

<a class="mybtn" href="#">Download Button</a>

</div>

CSS

<style>/*<![CDATA[*/<style>.btn{margin:50px;text-align:center}.mybtn{border-radius:3px;text-decoration:none;font-family:sans-serif;font-size:20px;padding:10px 20px;background-color:#ff511a;color:#fff;transition-delay:.2s;transition:.3s;font-variant-caps:all-small-caps;box-shadow:4px 3px 11px 0 #00ad25}.mybtn:hover{background-color:#009420;box-shadow:4px 3px 11px 0 #005a13}/*]]>*/</style></style>

DemoClick here