.whatsapp-fixed {
        position: fixed;
        bottom: 170px;
        right: 30px;
        z-index: 9;
    }

    @media(max-width:765px)
    {
        .whatsapp-fixed {
            bottom: 170px;
            right: 10px;
            z-index: 9;
        }

    }

    .btn-whatsapp {
        background-color: #30bf39;
        color: #fff;
        border-radius: 100%;
        transition: background-color .5s;
        width: 60px !important;
        height: 60px !important;
        line-height: 70px;
        position: relative !important;
        display: block;
        transform: none !important;
        z-index: 9;
        text-align: center;
    }

    .btn-whatsapp:hover {
        background-color: rgb(24, 128, 71);
    }

    .whatsapp-fixed a.video-vemo-icon.btn-whatsapp i {
        font-size: 32px;
        color: #fff;
        animation: sm-shake-animation linear 1.5s infinite;
        animation-delay: 3s;
    }


    .btn-whatsapp:after,
    .btn-whatsapp:before {
        border: 2px solid #30bf39 !important;
        width: 130px !important;
        height: 130px !important;
    }

    .sm-red-dot {
        position: absolute;
        right: 4px;
        top: 4px;
        width: 12px;
        height: 12px;
        margin: 0 auto;
        background: red;
        transform: scale(0);
        border-radius: 50%;
        animation-name: notificationPoint;
        animation-duration: 300ms;
        animation-fill-mode: forwards;
        animation-delay: 3s;
    }

    .quick-message {
        position: absolute;
        bottom: 4px;
        right: 88px;
        width: max-content;
        border-radius: 0;
        background: #393b39;
    }

    .line-up {
        opacity: 0;
        animation-name: anim-lineUp;
        animation-duration: 0.75s;
        animation-fill-mode: forwards;
        animation-delay: 5s;
    }

    .quick-message p {
        line-height: 30px;
        font-size: 15px;
        padding: 4px 16px;
        height: 40px;
        position: relative;
        color: #fff;
        margin: 0;
    }

    .quick-message .seta-direita:before {
        display: inline-block;
        content: "";
        vertical-align: middle;
        margin-right: 10px;
        width: 0;
        height: 5px;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 20px solid #393b39;
        position: absolute;
        bottom: 0px;
        right: -30px;
    }

    #hover-message {
        display: none;
    }

    .whatsapp-fixed:hover #hover-message {
        display: block;
    }

    @keyframes zoomBig {
        0% {
            transform: translate(-50%, -50%) scale(.5);
            opacity: 1;
            border-width: 3px
        }

        40% {
            opacity: .5;
            border-width: 2px
        }

        65% {
            border-width: 1px
        }

        100% {
            transform: translate(-50%, -50%) scale(1);
            opacity: 0;
            border-width: 1px
        }
    }

    @keyframes sm-shake-animation {
        0% {
            transform: rotate(0) scale(1) skew(0.017rad)
        }

        25% {
            transform: rotate(0) scale(1) skew(0.017rad)
        }

        35% {
            transform: rotate(-0.3rad) scale(1) skew(0.017rad)
        }

        45% {
            transform: rotate(0.3rad) scale(1) skew(0.017rad)
        }

        55% {
            transform: rotate(-0.3rad) scale(1) skew(0.017rad)
        }

        65% {
            transform: rotate(0.3rad) scale(1) skew(0.017rad)
        }

        75% {
            transform: rotate(0) scale(1) skew(0.017rad)
        }

        100% {
            transform: rotate(0) scale(1) skew(0.017rad)
        }
    }

    @keyframes notificationPoint {
        from {
            transform: scale(0)
        }

        to {
            transform: scale(1)
        }
    }

    @keyframes anim-lineUp {
        from {
            transform: translateY(100%);
        }

        to {
            opacity: 1;
            transform: translateY(0%);
        }
    }