#chatAvatarContainer, 
#chatAvatarContainer .chat_bot_avatar {
    position: fixed;
    bottom: -72px;
    right: 24px;
    display: block;
    z-index: 999;
    transition: .3s all ease-in-out;
}
#chatAvatarContainer.active, 
#chatAvatarContainer.active .chat_bot_avatar {
    bottom: 24px;
    transition: .3s all ease-in-out;
}
.chat_bot_avatar {
    width: 118px;
    height: 61px;
    cursor: pointer;
    overflow: hidden;
    background: transparent;
    padding: 0;
    z-index: 999;
    box-shadow: 0 0 0 rgba(215, 215, 215, 0.9);
}
.chat_bot_avatar svg {
    width: 118px;
    height: 61px;
}

span.avatarPulse {
    display: block;
    border-radius: 24px;
    animation: pulse 2s infinite;
    z-index: 999;
    position: fixed;
    bottom: -72px;
    right: 28px;
    width: 110px;
    height: 44px;
}
#chatAvatarContainer.active span.avatarPulse {
    bottom: 30px;
    transition: .3s all ease-in-out;
}

@media (max-width: 980px) {
    #chatAvatarContainer, 
    #chatAvatarContainer .chat_bot_avatar {
        display: none;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(215, 215, 215, 0.9);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(215, 215, 215, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(215, 215, 215, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(215, 215, 215, 0.9);
        box-shadow: 0 0 0 0 rgba(215, 215, 215, 0.9);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(215, 215, 215, 0);
        box-shadow: 0 0 0 10px rgba(215, 215, 215, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(215, 215, 215, 0);
        box-shadow: 0 0 0 0 rgba(215, 215, 215, 0);
    }
}