.my-SalesWA{
    position:fixed;
    bottom:20px;
    right:20px;
    text-decoration:none; 
    z-index:999;
    padding: 14px 18px;
    font-size: 18px;
    border: none;
    border-radius: 50px;
    background: linear-gradient(135deg, #199547, #09e85c, #25D366);
    color: white;
    cursor: pointer;
    outline: none;

    /* smooth changing gradient */
    background-size: 300% 300%;
    animation: flow 6s ease infinite, breathe 3s ease-in-out infinite;    
}

.my-SalesWA:hover{
    color:#FFFF00;
    transition: all 0.6s ease-in-out;
}

@keyframes flow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes breathe {
  0% { transform: scale(1); box-shadow: 0 0 10px rgba(89,89,89,0.4); }
  50% { transform: scale(1.07); box-shadow: 0 0 20px rgba(89,89,89,0.6); }
  100% { transform: scale(1); box-shadow: 0 0 10px rgba(89,89,89,0.4); }
}