.floating-wpp {
    position:fixed;
    bottom:24px;
    right:30px;
    font-family:'Open sans';
    font-size:14px;
    transition:bottom 0.2s;
    z-index: 10;
}
.floating-wpp .floating-wpp-button {
    width: 55px;
    height: 55px;
    background-color: #66c15d;
    background-image: url(icon-ws.png);
    background-position: center;
    background-size: 70%;
    cursor: pointer;
    background-repeat: no-repeat;
    border-radius: 50%;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
}
.floating-wpp:hover {
}
.floating-wpp:hover .floating-wpp-button {
}
.floating-wpp .floating-wpp-popup {
    border-radius:8px;
    background-color:#E5DDD5;
    position:absolute;
    overflow:hidden;
    padding:0;
    box-shadow:1px 2px 8px rgba(60,60,60,.25);
    width:0;
    height:0;
    bottom:70px;
    /*transition:width 0.2s,height 0.2s,padding 0.2s;*/
    transform-origin:bottom
}
.floating-wpp .floating-wpp-popup.active {
    padding:0 15px 15px;
    width:290px;
    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;
    color: black;
}
.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:white;
    margin:0 -15px 15px -15px;
    padding:8px 14px;
    display:flex;
    justify-content:space-between;
    cursor:pointer
}
.floating-wpp .floating-wpp-input-message { 
    background-color:white;
    margin:15px -15px -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
}

@media only screen and (max-width: 790px) {
   .floating-wpp {
    bottom:20px;
    right:10px;
}
    
}