#at-button {
    position: fixed;
    width: 56px; height: 56px;
    background-image: url("/socical/icon_chat_ai.png?8");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex; align-items: center; justify-content: center;
    touch-action: none;
    cursor: grab;
    transition: opacity .3s;
    opacity: 0.92;
}
#at-button.snapping {
    transition: opacity .3s, left .35s cubic-bezier(.2,.8,.2,1), top .35s cubic-bezier(.2,.8,.2,1);
}

#at-button.dragging { 
    cursor: grabbing; 
    opacity: 1; 
}
@media (min-width: 1024px) {
    #at-button {
        display: none;
    }
}