@charset "utf-8";
/* CSS Document */

  .whatsapp-button-generator {
    position: fixed;
    border-radius: 8%;
    background-color: #31d831;
    top: 240px;
    right: 20px;
    width: 100px;
    height: 85px;
    z-index: 110
  }
 
  @media (max-width: 767px) {
  .whatsapp-button-generator {
    position: fixed;
    border-radius: 8%;
    background-color: #31d831;
    top: 240px;
    right: 20px;
    width: 100px;
    height: 85px;
    z-index: 110;
    visibility: hidden;
  }
  }

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

  .whatsapp-button-web {
    display: none
  }

  .whatsapp-button-mobile {
    display: inherit;

	
  }

 @media (max-width: 500px) {
	 .whatsapp-button-generator {
		width: 50px;
   		height: 40px;
		top:106px;
		left:20px;
		
	}
	
	.whatsapp-button-mobile {
    display: inherit;
    height: 90%;
    }
	 
 }

  @media (min-width: 410px;) {
    .whatsapp-button-web {
      display: inherit
    }
    .whatsapp-button-mobile {
      display: none
    }
  }

  .bounce-whatsapp-button {
    animation: bounce-whatsapp-button 2s infinite;
    -webkit-animation: bounce-whatsapp-button 2s infinite;
    -moz-animation: bounce-whatsapp-button 2s infinite;
    -o-animation: bounce-whatsapp-button 2s 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)
    }
  }