Botão Wattsapp código Html

Bom dia @Thais_Ginotti , tenta esse codigo é oq eu uso.

<!-- Botao WhatsApp -->
  
    <style>
    #botaoWhats {
        width: 60px;
        height: 60px;
        position: fixed;
        bottom: 9px;
        right: 75px;
        background-color: #0fbd69;
        box-shadow: 0 0 0 0 rgb(61 232 123 / 70%);
        -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        text-align: center;
        line-height: 60px;
        font-size: 30px;
        border-radius: 30px;
	   z-index: 9999999;
    }
    
    #botaoWhats:hover {   
        -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
    }
    
    #botaoWhats .icon-whats {
        color: #fff;
        display: block;
        width: 100%;
        height: 100%;
        line-height: 60px;
    }
    
    @-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
    @-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
    @-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
    @keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
</style>

<div id="botaoWhats">
    <a href="https://wa.me/55seutelefone?text=Olá, Tenho uma Dúvida, pode me ajudar?" target="_blank" class="icon-whats"><i class="fa fa-whatsapp"></i></a>
</div>

4 curtidas