.floating-buttons-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:15px}.floating-button{display:flex;align-items:center;justify-content:center;padding:12px;border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px rgba(0,0,0,.15);position:relative;overflow:hidden;width:48px;height:48px;text-decoration:none}.floating-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2);text-decoration:none}.floating-button:active{transform:translateY(0)}.zalo-button{background:linear-gradient(135deg,#f472b6,#8c7ae6);color:#fff}.zalo-button:hover{background:linear-gradient(135deg,#f472b6,#8c7ae6);color:#fff}.messenger-button{background:linear-gradient(135deg,#f472b6,#8c7ae6);color:#fff}.button-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.button-icon img{max-width:100%;max-height:100%;object-fit:contain}.floating-button::before{content:attr(data-tooltip);position:absolute;right:100%;top:50%;transform:translateY(-50%);margin-right:15px;padding:8px 12px;background:rgba(0,0,0,.8);color:#fff;font-size:12px;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none}.floating-button::after{content:'';position:absolute;right:100%;top:50%;transform:translateY(-50%);margin-right:7px;border:5px solid transparent;border-left-color:rgba(0,0,0,.8);opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none}.floating-button:hover::before,.floating-button:hover::after{opacity:1;visibility:visible}@media(max-width:768px){.floating-buttons-container{bottom:15px;right:15px}.floating-button{width:44px;height:44px;padding:10px}}@media(max-width:480px){.floating-buttons-container{bottom:10px;right:10px}.floating-button{width:40px;height:40px;padding:8px}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.floating-button.has-notification{animation:pulse 2s infinite}.floating-button.has-notification::after{content:'';position:absolute;top:8px;right:8px;width:8px;height:8px;background:#ff4757;border-radius:50%;border:2px solid #fff}@media(max-width:768px){.floating-button::before,.floating-button::after{display:none}}.floating-button.icon-small{width:36px;height:36px;padding:8px}.floating-button.icon-medium{width:48px;height:48px;padding:12px}.floating-button.icon-large{width:60px;height:60px;padding:16px}.floating-button.icon-xl{width:72px;height:72px;padding:20px}