/* Add here all your CSS customizations */

.my-SalesWA{
    position:fixed;
    bottom:80px;
    right:0px;
    text-decoration:none; 
    z-index:999;
    padding: 16px 20px;
    font-size: 30px;
    border: none;
    border-radius: 25px 0px 0px 25px;
    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); }
}

.hbx10{
    
    min-height: 140px;
}