.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;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}
.floating-wpp-popup.active {
    padding:0 15px 15px;
    width:320px;
    height:auto
}
.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: #515151;
    font-size: 15px
}
.floating-wpp-popup.active .floating-wpp-message {
    opacity:1;
    transition-delay:0.2s
}
.floating-wpp-popup .floating-wpp-head {
    text-align: right;
    color: white;
    margin: 0 -15px 15px -15px;
    padding: 8px 14px;
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
}

.floating-wpp-popup .floating-wpp-head .icon-whatsapp{
    font-size: 18px;
    margin-right: 7px;
}

.floating-wpp-close{
    font-size: 14px;
    cursor: pointer;
    margin-left: auto;
}

.floating-wpp-input-message {
    background-color: white;
    margin: 15px -15px -15px -15px;
    padding: 15px 15px 6px 15px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.floating-wpp-div {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.floating-wpp-input-message input{
    padding: 5px;
    width: 100%;
    border-radius: 4px;
    border:1px solid #ccc;
    margin-bottom: 8px;
    font-family: 'DM Sans', sans-serif;
    font-weight: normal;
    font-size: 15px;
    color: #515151;
}

.floating-wpp-input-message textarea {
    border:1px solid #ccc;
    border-radius:4px;
    box-shadow:none;
    padding:8px;
    margin:0 0 10px 0;
    width:100%;
    max-width:100%;
    font-family:inherit;
    font-size:inherit;
    resize: vertical;
    font-family: 'DM Sans', sans-serif;
    font-weight: normal;
    font-size: 15px;
    color: #515151;
}
.floating-wpp-btn-send {
    cursor: pointer;
    display: flex;
    align-items: flex-end;
    padding-bottom: 22px;
    background: transparent;
    border: 0;
}

.floating-wpp-btn-send svg {
    width: 24px; /* Tamanho do ícone */
    height: 24px;
    cursor: pointer; /* Mostra o cursor como ponteiro ao passar o mouse */
}

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