.button-whats a {
  background: #2db741 url(../../imagens/whatsapp-icon.png) no-repeat 55% 45%;
  background-size: 60%;
  position: fixed;
  right: 15px;
  bottom: 90px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  z-index: 9;
}

.pulsate-css {
  -webkit-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  border: 3px solid #2db741;
  border-radius: 30px;
  height: 18px;
  width: 18px;
  position: relative;
  display: inline-block;
  margin-top: 20px;
  text-align: center;
}

.effect {
  position: fixed;
  right: 10px;
  bottom: 85px;
  width: 60px;
  height: 60px;
  background: #2db741;
  border-radius: 50%;
  z-index: 8;
}

@media only screen and (max-device-width: 992px) {
  .button-whats a {
    right: 8px;
    bottom: 8px;
    height: 35px;
    width: 35px;
  }
  .effect {
    right: 3px;
    bottom: 3px;
    width: 45px;
    height: 45px;
  }
}
/* Make the element pulse (grow large and small slowly) */
/* Usage
  .myElement {
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 1;
  }
*/
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
/* Make the element's opacity pulse*/
/* Usage
  .myElement {
    animation: opacityPulse 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 0;
  }
*/
@-webkit-keyframes opacityPulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* Make the element's background pulse. I call this alertPulse because it is red. You can call it something more generic. */
/* Usage
  .myElement {
    animation: alertPulse 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 1;
  }
*/
@-webkit-keyframes alertPulse {
  0% {
    background-color: #9a2727;
    opacity: 1;
  }
  50% {
    opacity: red;
    opacity: 0.75;
  }
  100% {
    opacity: #9a2727;
    opacity: 1;
  }
}
/* Make the element rotate infinitely. */
/*
Usage
  .myElement {
    animation: rotating 3s linear infinite;
  }
*/
@-webkit-keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}/*# sourceMappingURL=whatsapp.css.map */