.floating-contact{ position:fixed; right:25px; bottom:25px; display:flex; flex-direction:column; align-items:flex-end; gap:14px; z-index:999999; transition:.35s; }  .floating-contact{ transition:.35s ease; } .floating-hide{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; transform:translateX(120px); }  .contact-register{ display:flex; align-items:center; gap:10px; padding:12px 18px; border:none; cursor:pointer; border-radius:50px; background:linear-gradient(135deg,#c89b3c,#e0bb63); color:#fff; font-weight:700; font-size:14px; box-shadow:0 12px 25px rgba(0,0,0,.2); animation:float 3s infinite; }  .contact-phone{ width:58px; height:58px; background:#18b857; color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:28px; text-decoration:none; box-shadow:0 10px 20px rgba(0,0,0,.2); animation:pulse 2s infinite; }  .contact-zalo{ width:58px; height:58px; background:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 20px rgba(0,0,0,.2); animation:pulse 2s infinite .8s; } .contact-zalo img{ width:34px; } .contact-phone:hover, .contact-zalo:hover, .contact-register:hover{ transform:scale(1.08); } @keyframes pulse{ 0%{ box-shadow:0 0 0 0 rgba(0,120,255,.4); } 70%{ box-shadow:0 0 0 18px rgba(0,120,255,0); } 100%{ box-shadow:0 0 0 0 rgba(0,120,255,0); } } @keyframes float{ 0%{transform:translateY(0);} 50%{transform:translateY(-6px);} 100%{transform:translateY(0);} } @media(max-width:768px){ .floating-contact{ right:15px; bottom:18px; } .contact-register{ padding:10px 14px; font-size:13px; } .contact-phone, .contact-zalo{ width:52px; height:52px; } .contact-zalo img{ width:30px; } }