.floating-wpp{
    position:fixed;
    bottom:15px;
    left:15px;
    font-size:14px;
    transition:bottom .2s;
    z-index: 5;
}
.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);
    border-radius:50%
}
.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: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
}


@media screen and (max-width: 575px) {
    .floating-wpp .floating-wpp-button {
        height: 50px !important;
        width: 50px !important;
    }
}