<style>
/* Download Button Timer CSS */
#containerId{background:#37b8ef;}
.textCenter{}
.textTopic{color:#000; margin:1%;}
.textSize{font-size:14 px; color:#000;}
#arpianDownloadButton,#arpianDownloadButtonLink{padding:10px 20px;border:0;border-radius:5px;background:#fff;color:#000;float:right;text-transform:capitalize;font-weight:700;}
</style>
Now Place below code in your Post/Article where you need to use this download button */


<div class="container-fluid" id="containerId">
<div class="container" style="margin:1%;">

<div class="textCenter">
<P class="textTopic" align="center"><b>TITLE/Heading comes Here </b></P>
<div>
<span class="textSize"><b>Click here 👇 to Download </b></span>
<button id="arpianDownloadButton" onclick="generate()"><i aria-hidden="true" class="fa fa-cloud-download"></i> download</button>
<a href="#DOWNLOADLINK" id="arpianDownloadButtonLink" style="display: none;"><i aria-hidden="true" class="fa fa-cloud-download"></i> Re-download</a>
</div>
</div>

<!– Banner ads for download –>
<br />
<!–ADSENSE Code 1 for Banner Size–>
</div>

<div class="table">
<table class="table table-bordered" style="background:#f7f7f7">
<tbody>
<tr align="center">
<td>If it’s not downloaded automatically, Please Try Again & Click to Re-Download. And If Again not able to Downlaod Please Inform via the Contact Form page of this blog.
</td>
</tr>
</tbody>
</table>
</div>
</div>