.chatux-sp {
    height: 100vh;
}

.chatux-btn-chat-pc {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.chatux-btn-chat {
    box-shadow: 2px 3px 6px rgba(0, 0, 0, .4);
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    position: fixed;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    transition: transform 0.2s linear, opacity 0.3s;
    transform: scale(0.9);
    opacity: 0;
}

.chatux-btn-chat:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    transform: scale(1.0);

}

.chatux-btn-on {
    opacity: 1;
}

.chatux-scrn-on {
    transition: transform 0.2s linear, opacity 0.3s;
    transform: scale(1.0);
    opacity: 1;
}

.chatux-scrn-off {
    transition: transform 0.2s linear, opacity 0.3s;
    transform: scale(0.0);
    opacity: 0;
}