Overlay the clickable area of a button on the page contents

Question

Maybe someone can help me.

The problem is that the clickable area of the green button is overwriting the links of social networks so that the user cannot click these.

Code:

<div class="fixed-bottom">
    <a href="https://web.whatsapp.com/send?phone=[numero_censurado]&text=Ol%C3%A1%2C+" class="btn btn-success btn-lg" target="_blank">
      <i class="fab fa-whatsapp fa-2x"></i>&nbsp;Atendimento
    </a></div>

How do I limit the clickable area of the button to the size of the button in this situation? Thank you.

Answer 1

Set a width in the css properties . Fixed-button or change its display pattern to display-inline. This resolves.

fixed-button {
   display:inline-block
}

or

fixed-button {
   width: 150px; // por exemplo, pois teria que saber o tamanho da imagem
}