Cómo usar links a tu número de WhatsApp en HTML

Si has creado un link a WhatsApp y quieres usarlo dentro de tu web o dentro de un blog, usa esta CSS para que tu botón de WhatsApp tenga un estilo como este:

Botón a mi link a WhatsApp

CSS para crear tu link a WhatsApp

a.whatsapp-btn {
margin: auto;
background-image: url(https://tochat.be/css/whatsapp.svg);
background-color: #21ba5a;
background-repeat: no-repeat;
background-position: 15px center;
padding: 10px 15px 10px 40px;
display: inline-block;
background-size: auto 20px;
font-weight: 500;
color: #fff;
text-decoration: none;
font-size: 16px;
border-radius: 25px;
width: auto;
}

a.whatsapp-btn:hover,
a.whatsapp-btn:focus {
background-color: #F1426E;
}