.floating-wpp
{ position: fixed; bottom: 40px; right:5px; padding:15px; z-index: 1000; transition:bottom 1s}
.floating-wpp .floating-wpp-button{
    width:72px;height:72px;background-color:#35c766;
    background-image:url(whatsapp.svg);
    background-position:center;
    background-size:180%;
    border-radius:50%;
    box-shadow:1px 1px 4px rgba(60,60,60,.4);transition:box-shadow 0.2s;
    cursor:pointer}
    .floating-wpp:hover{bottom:62px}
    .floating-wpp:hover .floating-wpp-button
    {box-shadow:1px 2px 8px rgba(60,60,60,.4)}
    .floating-wpp .floating-wpp-popup
    {border-radius:16px;
    background-color:#E5DDD5;
    position:absolute;
    overflow:hidden;
    padding:0;
    box-shadow:1px 2px 8px rgba(60,60,60,.25);
    width:0;height:0;bottom:95px;transition:width 0s,height 0.2s,padding 0.2s;
    transform-origin:bottom}
    .floating-wpp 
    .floating-wpp-popup.active
    {padding:0 12px 12px 12px;width:260px;height:auto}
    .floating-wpp .floating-wpp-popup 
    .floating-wpp-message
    {background-color:white;padding:8px;border-radius:0 5px 5px 5px;box-shadow:1px 1px 1px rgba(0,0,0,.15);opacity:0;transition:opacity 0.2s}
    .floating-wpp .floating-wpp-popup.active .floating-wpp-message{opacity:1;transition-delay:0.2s}
    .floating-wpp 
    .floating-wpp-popup 
    .floating-wpp-head
    {text-align:right;color:#fff;margin:0 -15px 10px -15px;padding:6px 12px;display:flex;justify-content:space-between;cursor:pointer}
    .floating-wpp 
    .floating-wpp-input-message
    {background-color:white;margin:10px -15px -15px -15px;padding:0 15px;display:flex;align-items:center;color:#000}
    .floating-wpp .floating-wpp-input-message textarea
    {border:1px solid #ccc;border-radius:4px;box-shadow:none;padding:8px;margin:10px 0;width:100%;
        max-width:100%;font-family:inherit;font-size:inherit;resize:none;color:#000}
        .floating-wpp 
        .floating-wpp-btn-send{margin-left:12px;font-size:0;cursor:pointer}