.btn-whats {
          position: fixed;
          bottom: 20px;
          right: 20px;
          z-index: 999;
        }

        button.pulse-button i {
          color: #fff;
          font-size: 30px;
              margin: 0;
        }

        button.pulse-button:focus {
          outline: none;
        }


        .pulse-button { 
                position: relative;
                width: 55px;
                height: 55px;
                border: none;
                box-shadow: 0 0 0 0 rgba(122, 237, 148, 0.29);
                border-radius: 50%;
                background: #34d95a;
                background-image: -webkit-linear-gradient(top, #34d95a, #22a30f);
                background-image: -moz-linear-gradient(top, #34d95a, #22a30f);
                background-image: -ms-linear-gradient(top, #34d95a, #22a30f);
                background-image: -o-linear-gradient(top, #34d95a, #22a30f);
                background-image: linear-gradient(to bottom, #34d95a, #22a30f);
                background-size: cover;
                background-repeat: no-repeat;
                cursor: pointer;
                -webkit-animation: pulse 1.25s infinite cubic-bezier(0.16, 0, 0, 1);
                -moz-animation: pulse 1.25s infinite cubic-bezier(0.16, 0, 0, 1);
                -ms-animation: pulse 1.25s infinite cubic-bezier(0.16, 0, 0, 1);
                animation: pulse 1.25s infinite cubic-bezier(0.16, 0, 0, 1);
        }
      .pulse-button:hover 
      {
        -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
      }

      @-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
      @-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
      @-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
      @keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}