Tengo un botón que quiero que haga un href
, pero se me está haciendo imposible, ¿alguna idea de qué puede ser?
Este es el código:
CSS y HTML
butn:hover {
background-color: yellow;
}
.butn {
cursor: pointer;
background: #ffffff;
background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
background-image: -o-linear-gradient(top, #ffffff, #ffffff);
background-image: linear-gradient(to bottom, #ffffff, #ffffff);
-webkit-border-radius: 60;
-moz-border-radius: 60;
border-radius: 60px;
font-family: Arial;
color: #f586b3;
font-size: 20px;
padding: 10px 20px 10px 20px;
border: solid #f586b3 2px;
text-decoration: none;
}
.butn:hover {
background: #ffffff;
background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
background-image: -o-linear-gradient(top, #ffffff, #ffffff);
background-image: linear-gradient(to bottom, #ffffff, #ffffff);
text-decoration: none;
}
span.butn {
margin-left: 24%;
}
<a href="contacto.html"></a><span class="butn">¡Me interesa!</span>
<a>
debería envolver alspan
:<a href="contacto.html"><span class="butn">¡Me interesa!</span></a>