/* boton para descargas hecho por retoqueyalgomas.blogspot.com*/
/* boton activo */
div.boton {
max-width: 150px; /* cambia el ancho del botón */
margin: 30px auto;
padding: 50px 20px; /* el espacio entre el texto y el borde del botón */
background: #68a56a; /* cambia el color del fondo */
color: white; /* cambia el color del texto del botón */
text-align: center;
text-transform: uppercase; /* cambia a mayúsculas. Bórralo si quieres el texto normal */
font-size: 0.8em; /* cambia el tamaño de fuente */
border-radius: 50%; /* cambia radio del borde */
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
transition: 0.5s; /* cambia el tiempo que demorará el efecto al quitar el puntero */
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}
/* boton con el puntero encima */
div.boton:hover {
background: #ddbe86; /* cambia el color del fondo */
border-radius: 10px; /* cambia radio del borde */
transition: 0.5s; /* cambia el tiempo que demorará el efecto al colocar el puntero encima */
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}
/* enlace del boton */
div.boton a {
text-align: center;
color: white; /* cambia el color de fuente */
text-decoration: none;
}