Inserindo dois botões flutuantes de contato no Elementor // WhatsApp e Telefone

Código:

function ButtonFixed() {
echo '<a href="tel:551199999999" class="btn-fixed"><i class="fab fa-rocketchat"></i> Fale conosco</a>';

echo '<a href="#" class="btn-fixed2"><i class="fab fa-whatsapp"></i> WhatsApp</a>';
}
do_action('wp_head', 'ButtonFixed');

CSS:

/* Código para Botão Fale Conosco */
.btn-fixed {
position: fixed;
bottom: 80px;
right: 30px;
padding: 10px 20px;
background-color: blue;
border-radius:5px;
color:#fff;
}
/* Código para Botão Fale Conosco - Hover, quando passa o mouse */
.btn-fixed:hover {
position: fixed;
bottom: 80px;
right: 30px;
padding: 10px 20px;
background-color: black;
border-radius:5px;
color:#f7f7f7;
}
/* Código para Botão WhatsApp*/
.btn-fixed2 {
position: fixed;
bottom: 30px;
right: 30px;
padding: 10px 30px;
background-color: green;
border-radius:5px;
color:#fff;
}
/* Código para Botão WhatsApp - Hover, quando passa o mouse */
.btn-fixed2:hover {
position: fixed;
bottom: 30px;
right: 30px;
padding: 10px 30px;
background-color: #000;
border-radius:5px;
color:#fff;
}