#qr-floating-container{ position:fixed;right:0;bottom:-45px;transform:translateY(-50%); }
#qr-box{ background:#fff;padding:12px;border-radius:8px;box-shadow:0 5px 20px rgba(0,0,0,0.2);cursor:pointer;transform:scale(.19);transform-origin:right center;transition:transform .35s ease;text-align:center;}

#qr-message{    display: none;    font-size:14px;    font-weight:500;    margin-bottom:8px;    color:#333; }

#qr-floating-container:has(#qr-box:hover)  { z-index: 9999;}
div#qr-box.zoomed div#qr-message { display: block;}

/* zoomed zoom */
#qr-box.zoomed{transform:scale(1);}
.zoomed div#qr-message { display: block;}
#qr-floating-container:has(.zoomed) {
 z-index: 9999;
}

@media(max-width:768px){ #qr-floating-container{display:none;}}