.floating-wpp
{
    position:fixed;
	width:60px;
	height:60px;
	bottom: 15px;
    right: 16px;
	background-color:#4cc370;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.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;
    text-decoration: none;
	color: #fff;
  background-color:#3d9e5a;
}

.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: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
 {
     
 }
 
 .floating-wpp .floating-wpp-btn-send
 {
     margin-left:12px;
     font-size:0;
     cursor:pointer
 }