SAMPLE BUTTON
Css code for Button :
.btn {
border-radius: 0px;
background-color: #A50000;
border: none;
color: #FFFFFF;
text-align: center;
font-size: 0.8em;
padding: 10px 30px 10px 20px;
width: auto;
transition: all 0.5s;
cursor: pointer;
box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 5px;
font-family: 'Roboto Mono', monospace;
font-weight: 500;
text-align: center;
position: relative;
margin: 2em auto !important;
display: inline-block;
}
.btn :after {
content: '\00bb';
font-size: 25px;
position: absolute;
opacity: 0;
top: 0;
right: -10px;
transition: 0.2s;
padding-right: 10px;
margin-top:0px;
color: #EDDD61;
}
.btn:hover {
padding-right: 30px;
padding-left: 20px;
background:#CC1B00;
}
.btn:hover :after {
opacity: 1;
right: 0;
}
html code for Linked Button
<div style="text-align: center;">
<a href="Your link goes here" target="_blank"><button class="btn"><div>
Button Text Here </div></button></a>
</div>
