#chat-widget-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 998;
    height: 80%;
}

#chat-widget-iframe {
    border-radius: 16px;
    display: none;
    width: 600px;
    height: 90%;
    border: 1px solid #E6E6EB;
    position: absolute;
    bottom: 56px;
    right: 0;
    z-index: 2;
  	opacity: 0;
    transform: scale(0) translateY(100%); /* Starts hidden and scaled down */
    transition: opacity 0.3s, transform 0.3s; /* Animation duration */
    max-height: 90vh;
}

#chat-widget-iframe.open {
    opacity: 1;
    transform: scale(1) translateY(0); /* Final position and scale */
    max-width: unset !important;
}

#chat-widget-button {
    width: 50px;
    height: 50px;
    background: url('https://cdn.cibernova.es/riojadental/openriojadental.png') no-repeat center;
    border: none;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 999;
}

#chat-widget-button.open {
    background: url('https://cdn.cibernova.es/riojadental/closeriojadental.svg') no-repeat center;
}

@media (max-width: 768px) {
    #chat-widget-iframe {
        width: 100vw;
        height: 100%;
        bottom: 0;
        right: 0;
        top: 0;      /* Add this */
        left: 0;     /* Add this */
        border-radius: 0;
        position: fixed;  /* Change this from absolute to fixed */
    }

}