/*Botão Flutuante CSS*/

.floating-button {

 position: fixed;

 bottom: 20px;

 right: 20px;

 z-index: 9999;

 cursor: pointer;

 animation: vibrate 1s infinite;

}

.floating-button a {

 display: block;

 width: 70px;

 height: 70px;

 line-height: 60px;

 text-align: center;

 border-radius: 50%;

 background-image: url("https://imoalert-public-sources.s3.sa-east-1.amazonaws.com/whats_logo.png");

 background-repeat: no-repeat;

 background-size: 70px;

 color: #fff;

 font-size: 30px;

 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);

 transition: all 0.3s ease;

}

.floating-button a:hover {

 transform: scale(1.1);

 box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);

}

@keyframes vibrate {

 0% {

   transform: translateX(0);

 }

 25% {

   transform: translateX(5px) rotate(3deg);

 }

 50% {

   transform: translateX(-5px) rotate(-3deg);

 }

 75% {

   transform: translateX(3px) rotate(2deg);

 }

 100% {

   transform: translateX(-3px) rotate(-2deg);

 }

}

.imagem-classe

{

 width: 40px;

 height: 40px;

}