.whatsapp-button-generator {
    position: fixed;
    border-radius: 8%;
    
    bottom: 58px;
    right: 11px;
    width: 60px;
    height: 60px;
    z-index: 110
  }

  .whatsapp-button-content {
    padding-top: 7px;
    padding-left: 5px;
    height:60px;
  }

  .whatsapp-button-web {
    display: none
  }

  .whatsapp-button-mobile {
    display: inherit
  }

  @media (min-width: 48em) {
    .whatsapp-button-web {
      display: inherit
    }

    .whatsapp-button-mobile {
      display: none
    }
  }

  .bounce-whatsapp-button {
    animation: bounce-whatsapp-button 3s infinite;
    -webkit-animation: bounce-whatsapp-button 3s infinite;
    -moz-animation: bounce-whatsapp-button 2s infinite;
    -o-animation: bounce-whatsapp-button 1s infinite
  }

  @-webkit-keyframes bounce-whatsapp-button {

    0%,
    100%,
    20%,
    50%,
    80% {
      -webkit-transform: translateY(0)
    }

    40% {
      -webkit-transform: translateY(-30px)
    }

    60% {
      -webkit-transform: translateY(-15px)
    }
  }

  @-moz-keyframes bounce-whatsapp-button {

    0%,
    100%,
    20%,
    50%,
    80% {
      -moz-transform: translateY(0)
    }

    40% {
      -moz-transform: translateY(-30px)
    }

    60% {
      -moz-transform: translateY(-15px)
    }
  }

  @-o-keyframes bounce-whatsapp-button {

    0%,
    100%,
    20%,
    50%,
    80% {
      -o-transform: translateY(0)
    }

    40% {
      -o-transform: translateY(-30px)
    }

    60% {
      -o-transform: translateY(-15px)
    }
  }

  @keyframes bounce-whatsapp-button {

    0%,
    100%,
    20%,
    50%,
    80% {
      transform: translateY(0)
    }

    40% {
      transform: translateY(-30px)
    }

    60% {
      transform: translateY(-15px)
    }
  }