.floating-wpp
{position:fixed;bottom:15px;left:15px;font-size:14px;transition:bottom .2s;z-index:9999}

.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:0 12px 12px;width:260px;height:auto;bottom:82px;opacity:99;z-index:9999}

.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}

.floating-wpp-message {color:#666666;}
.floating-wpp-input-message {color:#666666;}