#axis-chat-launcher {

    position: fixed;
    right: 20px;
    bottom: 90px;

    width: 70px;
    height: 70px;

    z-index: 99999;
    cursor: pointer;
}

#axis-chat-launcher img {

    width:100%;
    border-radius:50%;
}

#axis-chat-window {

    width:400px;
    height:650px;

    position:fixed;

    right:20px;
    bottom:100px;

    background:#fff;

    border-radius:15px;

    box-shadow:0 0 30px rgba(0,0,0,.2);

    display:none;

    z-index:99999;

    overflow:hidden;
}

.axis-header {

    height:70px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:15px;

    border-bottom:1px solid #eee;
}

.axis-title {

    display:flex;
    align-items:center;
    gap:10px;
}

.axis-title img {

    width:40px;
}

.axis-close {

    cursor:pointer;
    font-size:24px;
}

.axis-body {

    height:500px;
    overflow-y:auto;

    padding:15px;

    background:#f8f8f8;
}

.axis-footer {

    display:flex;
    padding:10px;
    gap:10px;
}

#axis-input {

    flex:1;
    height:45px;

    border:1px solid #ddd;
    border-radius:10px;

    padding:0 15px;
}

#axis-send {

    width:50px;

    border:none;

    background:#2d6cdf;

    color:#fff;

    border-radius:10px;

    cursor:pointer;
}

.bot-message,
.user-message {

    margin-bottom:10px;

    padding:12px;

    border-radius:12px;

    max-width:80%;
}

.bot-message {

    background:white;
}

.user-message {

    background:#2d6cdf;
    color:white;
    margin-left:auto;
}

.axis-option {

    display:block;

    width:100%;

    margin-top:8px;

    padding:10px;

    border:none;

    background:#edf2ff;

    cursor:pointer;

    border-radius:8px;
}

.whatsapp-btn {

    background:#25D366;
    color:white;

    border:none;

    padding:12px;

    width:100%;

    border-radius:10px;

    cursor:pointer;

    margin-top:10px;
}