☎ โทรด่วน 💬 LINE 💬 ติดต่อด่วน

.floating-contact { position: fixed; right: 16px; bottom: 82px; z-index: 999999; display: flex; flex-direction: column; align-items: center; gap: 13px; } .float-btn, .float-main { width: 72px; height: 72px; border-radius: 50%; border: none; color: #ffffff !important; text-decoration: none !important; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; font-weight: 700; box-shadow: 0 12px 30px rgba(0,0,0,0.35); transition: all 0.28s ease; cursor: pointer; line-height: 1.1; } .float-btn { opacity: 0; visibility: hidden; transform: translateY(14px) scale(0.9); pointer-events: none; } .floating-contact.open .float-btn { opacity: 1; visibility: visible; transform: translateY(0) scale(1); pointer-events: auto; } .icon { font-size: 22px; } .txt { font-size: 12px; white-space: nowrap; } .call-btn { background: linear-gradient(135deg, #ff3b30, #b30000); } .line-btn { background: linear-gradient(135deg, #00c853, #1f8f3a); } .float-main { background: linear-gradient(135deg, #263238, #000000); animation: faPulse 2.2s infinite; } .call-btn:hover, .line-btn:hover { transform: translateY(-4px) scale(1.06); } .float-main:hover { transform: scale(1.06); } @keyframes faPulse { 0% { transform: scale(1); } 50% { transform: scale(1.08); } 100% { transform: scale(1); } } /* มือถือ */ @media (max-width: 767px) { .floating-contact { right: 12px; bottom: 72px; gap: 10px; } .float-btn, .float-main { width: 64px; height: 64px; } .icon { font-size: 20px; } .txt { font-size: 11px; } } let isOpen = false; let closeTimer; function toggleFloat() { const box = document.getElementById("floatingContact"); isOpen = !isOpen; if (isOpen) { box.classList.add("open"); clearTimeout(closeTimer); closeTimer = setTimeout(() => { box.classList.remove("open"); isOpen = false; }, 7000); } else { box.classList.remove("open"); clearTimeout(closeTimer); } } document.addEventListener("click", function(e) { const box = document.getElementById("floatingContact"); if (box && !box.contains(e.target)) { box.classList.remove("open"); isOpen = false; clearTimeout(closeTimer); } });