Remova o estilo do link
a, a:hover, a:focus, a:active {
text-decoration: none;
color: inherit;
}
k-vernooy
a, a:hover, a:focus, a:active {
text-decoration: none;
color: inherit;
} a, a:hover, a:focus, a:active {
text-decoration: none;
color: inherit;
}<a style="text-decoration: none;"></a>a {
background-color: red;
color: white;
padding: 1em 1.5em;
text-decoration: none;
text-transform: uppercase;
}<a style="text-decoration:none" href="http://Example.Microsoft.Com">nonunderlinedhyperlink</a>/* This is a class that can be applied to a link
It is recommended to use padding to create size of button in this case
Use a 1:2.5 ratio for the top and sides as given below
*/
.button {
text-decoration: none;
padding: 15px 30px;
}