.btn-whatsapp{
    position: fixed;
      z-index: 5;
      bottom: 5px;
      right: -11px;
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 10px 20px 10px 10px;
      border-radius: 50px;
      z-index: 1000;
      text-decoration: none;
  }
  
  .btn-whatsapp:before {
      position: absolute;
      content: "";
      left: 0;
      top: 0;
      width: 60px;
      height: 60px;
      background: #89bd49;
      opacity: 0.2;
      animation: pulse-border 1500ms ease infinite;
      z-index: -3;
      border-radius: 50%;
          top: 50%;
      left: 44%;
      transform: translate(-50%, -50%);
  }
  
  .btn-whatsapp i{
    background-color: #18c457;
      width: 60px;
      height: 60px;
      display: inline-flex;
      flex-direction: column;
      justify-content: center;
      border-radius: 50%;
      position: relative;
      z-index: 2;
      text-align: center;
      color: #fff;
      font-size: 27px;
  
  }
  
  @keyframes pulse-border {
    0% {
      -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
      opacity: 0;
    }
  }