.vcsbot * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}



.vcsbot .chat-button-theme-bubble {
    position: fixed;
    bottom: 20px;
    z-index: 999999999;
    left: 20px;
    width: 60px;
    height: 60px;
}

.vcsbot .chat-button {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 100%;
    cursor: pointer;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -webkit-transition: all .5s;
    transition: all .5s;
}

.vcsbot svg.chat-icon {
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    margin: 12px 0 0 13px;
    width: 36px;
    height: 36px;
}

.vcsbot #loading {

    font: 300 2em/100% Impact;
}


/* loading dots */

.vcsbot .loading:after {
    color: rgba(255, 147, 0, 0);
    content: ' •';
    animation: dots 1s steps(5, end) infinite;
}

@keyframes dots {
    0%,
    20% {
     
     color: rgba(255, 147, 0, 0);
        text-shadow: .25em 0 0 rgba(0, 0, 0, 0), .5em 0 0 rgba(0, 0, 0, 0);
    }
    40% {
     
 color: rgba(255, 147, 0, 0);
        text-shadow: .0em 0 0 rgba(255, 0, 0, 0.29), .5em 0 0 rgba(0, 0, 0, 0);
    }
    50% {
     color: rgba(255, 147, 0, 0.42);
        text-shadow: 0.25em 0 0 rgba(255, 157, 0, 0.47), .5em 0 0 rgba(0, 0, 0, 0);
    }
    80%,
    100% {
    color: rgba(255, 147, 0, 0.42);
        text-shadow: 1.025em 0 0 rgba(255, 147, 0, 0.58), .5em 0 0 rgba(255, 128, 0, 0.47);
    }
}