.kwc-whatsapp{
    position:fixed;
    z-index:999999;
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:var(--kwc-size);
    box-sizing:border-box;
    padding:7px 16px 7px 7px;
    border-radius:999px;
    background:#25D366;
    color:#fff !important;
    text-decoration:none !important;
    box-shadow:0 4px 14px rgba(0,0,0,.22);
    font-family:Arial,Helvetica,sans-serif;
    font-size:15px;
    font-weight:600;
    line-height:1;
    transition:transform .2s ease, box-shadow .2s ease;
}
.kwc-whatsapp:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 18px rgba(0,0,0,.28);
    color:#fff !important;
}
.kwc-icon{
    width:calc(var(--kwc-size) - 14px);
    height:calc(var(--kwc-size) - 14px);
    flex:0 0 auto;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#fff;
}
.kwc-icon svg{
    width:68%;
    height:68%;
    fill:#25D366;
}
.kwc-label{white-space:nowrap}
.kwc-left-bottom{left:20px;bottom:20px}
.kwc-right-bottom{right:20px;bottom:20px}
.kwc-left-top{left:20px;top:20px}
.kwc-right-top{right:20px;top:20px}

@media (max-width:600px){
    .kwc-whatsapp{
        padding:5px;
        min-height:calc(var(--kwc-size) - 6px);
        width:calc(var(--kwc-size) - 6px);
        height:calc(var(--kwc-size) - 6px);
        justify-content:center;
    }
    .kwc-icon{
        width:100%;
        height:100%;
    }
    .kwc-label{display:none}
    .kwc-left-bottom{left:15px;bottom:15px}
    .kwc-right-bottom{right:15px;bottom:15px}
    .kwc-left-top{left:15px;top:15px}
    .kwc-right-top{right:15px;top:15px}
}