.floating-wpp
{
    position:fixed;bottom:15px;left:15px;font-size:14px;transition:bottom .2s}
.floating-wpp .floating-wpp-button
{
    position:relative;border-radius:50%;box-shadow:1px 1px 4px rgba(60,60,60,.4);
    transition:box-shadow .2s;cursor:pointer;overflow:hidden
}
.floating-wpp .floating-wpp-button img,.floating-wpp .floating-wpp-button svg
{position:absolute;width:100%;height:auto;object-fit:cover;top:50%;left:50%;transform:translate3d(-50%,-50%,0)
}
.floating-wpp:hover
{
    bottom:17px
}
.floating-wpp:hover .floating-wpp-button
{
    box-shadow:1px 2px 8px rgba(60,60,60,.4)
}
.floating-wpp .floating-wpp-popup
{
    border-radius:6px;background-color:#E5DDD5;position:absolute;overflow:hidden;
    padding:0;box-shadow:1px 2px 8px rgba(60,60,60,.25);width:0;height:0;bottom:0;opacity:0;
    transition:bottom .1s ease-out,opacity .2s ease-out;transform-origin:bottom
}
.floating-wpp .floating-wpp-popup.active
{
    padding:8px 17px 25px;width:260px;height:auto;bottom:30px;margin-right: 47px;opacity:1
}
.floating-wpp .floating-wpp-popup .floating-wpp-message
{
    background-color:#fff;padding:8px;border-radius:0 5px 5px;
    box-shadow:1px 1px 1px rgba(0,0,0,.15);opacity:0;transition:opacity .2s
}
.floating-wpp .floating-wpp-popup.active .floating-wpp-message
{
    opacity:1;transition-delay:.2s
}
.floating-wpp .floating-wpp-popup .floating-wpp-head
{
    text-align:right;color:#fff;margin:0 -15px 10px;padding:6px 12px;display:flex;
    justify-content:space-between;cursor:pointer
}
.floating-wpp .floating-wpp-input-message
{
    background-color:#fff;margin:10px -15px -15px;padding:0 15px;display:flex;align-items:center
}
.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
}
.floating-wpp .floating-wpp-btn-send
{
    margin-left:12px;font-size:0;cursor:pointer
}