.floating-wpp{
position:relative;
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:0px}
.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:#ece5dd;
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 .20s ease-out;
transform-origin:bottom}
.floating-wpp 
.floating-wpp-popup.active{padding:0 12px 12px;
width:260px;
height:auto;
                                                                      bottom:-190px;right:0px;
opacity:1}
.floating-wpp 
.floating-wpp-popup 
                                                .floating-wpp-message{background-color: #dcf8c6;
	                                                                                font-family:arial;
font-weight: lighter;	                                                                               color:black;
font-size:14px;
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:white;
margin:0 -15px 10px;
padding:6px 12px;
display:flex;
justify-content:space-between;
cursor:pointer}
.floating-wpp 
                                            .floating-wpp-input-message{background-color:#ece5dd;
	                                                                               color:white;
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:arial;
font-weight: lighter;	                                                                               color:black;
font-size:14px;
resize:none}
.floating-wpp 
.floating-wpp-btn-send{margin-left:12px;
font-size:0;
cursor:pointer}