@media (max-width: 768px) and (orientation: portrait) {
    #robbu-whatsapp-button>img {
        display: block;
        width: 6.5vw;
        height: 6.6vw;
    }
    #robbu-whatsapp-button {
        display: flex;
        /* position: fixed; */
        background: #25d366;
        /* bottom: 20px; */
        border-radius: 50%;
        width: 12vw;
        height: 12vw;
        box-shadow: 2px 2px 12px rgba(22,124,60,.2);
        transition: .4s;
        align-items: center;
        justify-content: center;
    }


    #robbu-whatsapp-button>.rwb-tooltip {
        position: absolute;
        bottom: 100%;
        margin-bottom: 3vw;
        margin-right: 4vw;
        border-radius: 2vw;
        padding: 2vw;
        color: #2d2d2d;
        font-size: 3vw;
        white-space: nowrap;
        box-shadow: 2px 2px 12px rgba(0,0,0,.2);
        background-color: rgba(255, 255, 255);
        opacity: 0;
        transition: .4s;
        pointer-events: none;
    }
    
    #robbu-whatsapp-button>.rwb-tooltip:after {
        display: block;
        content: "";
        position: absolute;
        top: 85%;
        width: 0vw;
        height: 0;
        border-style: solid;
        border-width: 1.5vw 1vw 0 1vw;
        border-color: rgba(255, 255, 255) transparent transparent transparent;
        transition: .4s;
    }
    
    #robbu-whatsapp-button.left{
        left:2.1vw;
    }
    
    #robbu-whatsapp-button.left>.rwb-tooltip{
        left:0;
        transform:translateX(-10%)
    }
    
    #robbu-whatsapp-button.left>.rwb-tooltip:after{
        left:2vw;
    }
    
    #robbu-whatsapp-button:not(.left){
        /*right:20px*/
    }
    
    #robbu-whatsapp-button:not(.left)>.rwb-tooltip{
        right:0;
        transform:translateX(10%)
    }
    
    #robbu-whatsapp-button:not(.left)>.rwb-tooltip:after{
        right:3vw;
    }
    
    
    
    #robbu-whatsapp-button:hover{
        background:#21bd5c;
        box-shadow:3px 3px 12px rgba(14,81,39,.4)
    }
    
    #robbu-whatsapp-button:hover>.rwb-tooltip{
        opacity:1;
        transform:translateX(0)
    }
    
    #robbu-whatsapp-button:hover>.rwb-tooltip:after{
        top:100%;
        transition-delay:.4s
    }
}

@media (min-width: 769px) , (orientation: landscape) {
    #robbu-whatsapp-button>img {
        display: block;
        width: 37px;
        height: 37px;
    }
    #robbu-whatsapp-button {
        display: flex;
        /* position: fixed; */
        background: #25d366;
        /* bottom: 20px; */
        border-radius: 50%;
        width: 60px;
        height: 60px;
        box-shadow: 2px 2px 12px rgba(22,124,60,.2);
        transition: .4s;
        align-items: center;
        justify-content: center;
    }


    #robbu-whatsapp-button>.rwb-tooltip {
        position: absolute;
        bottom: 100%;
        margin-bottom: 20px;
        margin-right: 0vw;
        border-radius: 11px;
        padding: 11px;
        color: #2d2d2d;
        font-size: 1.5rem;
        white-space: nowrap;
        box-shadow: 2px 2px 12px rgba(0,0,0,.2);
        background-color: rgba(255, 255, 255);
        opacity: 0;
        transition: .4s;
        pointer-events: none;
    }
    
    #robbu-whatsapp-button>.rwb-tooltip:after {
        display: block;
        content: "";
        position: absolute;
        top: 85%;
        width: 0vw;
        height: 0;
        border-style: solid;
        border-width: 14px 10px 0 10px;
        border-color: rgba(255, 255, 255) transparent transparent transparent;
        transition: .4s;
    }
    
    #robbu-whatsapp-button.left{
        left:2.1vw;
    }
    
    #robbu-whatsapp-button.left>.rwb-tooltip{
        left:0;
        transform:translateX(-10%)
    }
    
    #robbu-whatsapp-button.left>.rwb-tooltip:after{
        left:20px;
    }
    
    #robbu-whatsapp-button:not(.left){
        /*right:20px*/
    }
    
    #robbu-whatsapp-button:not(.left)>.rwb-tooltip {
        right: 0;
        transform: translateX(10%);
        font-size: 1.5rem;
    }
    
    #robbu-whatsapp-button:not(.left)>.rwb-tooltip:after {
        right: 21px;
    }
    
    
    
    #robbu-whatsapp-button:hover{
        background:#21bd5c;
        box-shadow:3px 3px 12px rgba(14,81,39,.4)
    }
    
    #robbu-whatsapp-button:hover>.rwb-tooltip{
        opacity:1;
        transform:translateX(0)
    }
    
    #robbu-whatsapp-button:hover>.rwb-tooltip:after{
        top:100%;
        transition-delay:.4s
    }
    
}