﻿#md-app-widget {
    bottom: 70px !important;
}

#robbu-whatsapp-button {
    display: flex;
    position: fixed;
    background: #25d366;
    bottom: 90px;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    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;
        background-color: #fff;
        /*bottom: 100%;
        margin-bottom: 20px;*/
        margin-right: 70px;
        border-radius: 4px;
        padding: 15px;
        color: #2d2d2d;
        font-size: 16px;
        white-space: nowrap;
        box-shadow: 2px 2px 12px rgba(0,0,0,.2);
        opacity: 0;
        transition: .4s;
        pointer-events: none
    }
    /*
        #robbu-whatsapp-button > .rwb-tooltip:after {
            display: block;
            content: "";
            position: absolute;
            top: 85%;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 6px 7px 0 7px;
            border-color: #fff transparent transparent transparent;
            transition: .4s
        }
        */
    /*
        #robbu-whatsapp-button > .rwb-tooltip:after {
            display: block;
            content: "";
            position: absolute;
            top: 50%;
            right: 20px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 6px 7px 7px 7px;
            /*border-color: transparent transparent #fff transparent;
            border-color: #db242a #db242a #db242a #fff;
            transition: .4s
        }
    */

    #robbu-whatsapp-button.left {
        left: 25px
    }

        #robbu-whatsapp-button.left > .rwb-tooltip {
            left: 0;
            transform: translateX(-10%)
        }

            #robbu-whatsapp-button.left > .rwb-tooltip:after {
                left: 23px
            }

    #robbu-whatsapp-button:not(.left) {
        right: 13px
    }

        #robbu-whatsapp-button:not(.left) > .rwb-tooltip {
            right: 0;
            transform: translateX(10%)
        }

            #robbu-whatsapp-button:not(.left) > .rwb-tooltip:after {
                right: -13px
            }

    #robbu-whatsapp-button > img {
        display: block;
        width: 20px;
        height: 20px
    }

    #robbu-whatsapp-button:hover {
        background: #21bd5c;
        box-shadow: 3px 3px 12px rgba(14,81,39,.4);
        width: 48px;
        height: 48px;
    }

        #robbu-whatsapp-button:hover > .rwb-tooltip {
            opacity: 1;
            transform: translateX(0);
        }

            #robbu-whatsapp-button:hover > .rwb-tooltip:after {
                top: 100%;
                transition-delay: .4s
            }
