body{}


.wab-button{
    z-index: 9999999999999999999999!important;
    /*color:rgb(255, 255, 0)!important;*/
    color: #000;
    /*background: rgb(0,64,168);
    background: -moz-linear-gradient(100deg, rgba(0,64,168,1) 0%, rgba(0,115,195,0.8785714969581583) 65%, rgba(100,172,255,1) 100%);
    background: -webkit-linear-gradient(100deg, rgba(0,64,168,1) 0%, rgba(0,115,195,0.8785714969581583) 65%, rgba(100,172,255,1) 100%);
    background: linear-gradient(100deg, rgba(0,64,168,1) 0%, rgba(0,115,195,0.8785714969581583) 65%, rgba(100,172,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0040a8",endColorstr="#64acff",GradientType=1); */
    background: rgb(61,233,158);
    background: linear-gradient(87deg, rgba(61,233,158,1) 0%, rgba(244,219,73,1) 100%);
    padding: 10px 20px 10px 20px;
    border-radius: 50px;
    position: fixed;
    bottom: 30px;
    left: 30px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold!important;
    box-shadow: 0 5px 20px rgba(0,0,0,.32);
    border: 3px solid white;
}

.wab-buttona a:hover{
    text-decoration: none;
}


/* ipad */
@media screen and (min-width: 768px) and  (max-width: 992px){
    .wab-button{
        bottom: 6px;
        left: 6px;
    }
      }
      
      /* ipad pro */
      @media screen and (min-width: 992px) and  (max-width: 1200px){
    .wab-button{
        bottom: 6px;
        left: 6px;
    }
        }
    
    
    @media (max-width: 768px) {
    .wab-button{
        bottom: 3px;
        left: 6px;
        right: 6px;
    }
    
    }