.credit{background:#fff;
    position:relative;
    display:inline-block;
    padding:10px 20px;
    border:1px solid #ddd;
    border-radius:20px}

/* CSS Multiple Whatsapp Chat */
#whatsapp-chat{
    position:fixed;
    background:#fff;
    width:350px;
    border-radius:10px;
    box-shadow:0 1px 15px rgba(32,33,36,.28);
    bottom:90px;
    right:30px;
    overflow:hidden;
    z-index:99;
    animation-name:showchat;
    animation-duration:1s;
    transform:scale(1)
}
a.blantershow-chat{
    background:#25d366;
    color:#fff;
    position:fixed;
    z-index:98;
    bottom:25px;
    right:30px;
    font-size:15px;
    padding:10px 20px;
    border-radius:30px;
    box-shadow:0 1px 15px rgba(32,33,36,.28)
}
a.blantershow-chat i{
    transform:scale(1.2);
    margin:0 10px 0 0;
}
.header-chat{
    background:#25d366;
    color:#fff;
    padding:15px;
}
.header-chat h3{
    margin: 0 0 10px;
    color: #fff;
    font-size: 20px;
    text-align: justify;
}
.header-chat p{
    font-size:14px;line-height:1.7;margin:0}
    .info-avatar{position:relative}
    .info-avatar img{border-radius:100%;width:50px;float:left;margin:0 10px 0 0}
    .info-avatar:before{
        content:'\f232';
        z-index:1;
        font-family:"Font Awesome 5 Brands";
        background:#23ab23;
        color:#fff;
        padding:4px 5px;
        border-radius:100%;
        position:absolute;
        top:30px;left:30px;
    }
    a.informasi{
        padding:20px;
        display:block;
        overflow:hidden;
        animation-name:showhide;
        animation-duration:2.5s;
    }
    a.informasi:hover{
        background:#f1f1f1}

    .info-chat span{display:block}
    #get-label,span.chat-label{font-size:12px;color:#888}
    #get-nama,span.chat-nama{margin:5px 0 0;font-size:15px;font-weight:700;color:#222}
    #get-label,#get-nama{color:#fff}
    span.my-number{display:none}
    .blanter-msg{
        color: #4a4a4a;
        padding: 20px;
        font-size: 12.5px;
        text-align: end;
        background: #f7fef9;
        border-bottom: 1px solid #ddd;
    }
    .blanter-msg a{
        font-size: 16px;
        border: none;
        outline: none;
        background: #25D366;
        padding: 13px;
        border-radius: 40px;
        color: #fff;
        font-weight: 500;
    }
    textarea#chat-input{border:none;font-family:'Arial',sans-serif;width:100%;height:20px;outline:none;resize:none}
    a#send-it{color:#555;width:40px;margin:-5px 0 0 5px;font-weight:700;padding:8px;background:#eee;border-radius:10px}
    .first-msg{background:#f7fef9;padding:30px;text-align:justify;}
    .first-msg span{
    background: #ffffff;
    color: #333;
    font-size: 14.2px;
    line-height: 1.7;
    border-radius: 10px;
    padding: 15px 15px;
    display: inline-block;
    filter: drop-shadow(0 1px 2px rgb(0 0 0 / 30%));
}
.first-msg span: before{
    content: "";
    display: block;
    position: absolute;
    bottom: 20px;
    left: -15px;
    width: 17px;
    height: 25px;
    background: inherit;
}
    .start-chat .blanter-msg{display:flex}
    #get-number{display:none}
    a.close-chat{position:absolute;top:5px;right:15px;color:#fff;font-size:30px}
    @keyframes showhide{from{transform:scale(.5);opacity:0}}
    @keyframes showchat{from{transform:scale(0);opacity:0}}
    @media screen and (max-width:480px){
        #whatsapp-chat{
            width:auto;left:5%;right:5%;font-size:80%}
        }
        .hide{display:none;animation-name:showhide;animation-duration:1.5s;transform:scale(1);opacity:1
        }
        .show2{
            display:block;animation-name:showhide;animation-duration:1.5s;transform:scale(1);opacity:1
        }