.floating-contact-widget { position: fixed; bottom: 30px; right: 30px; background: #ffffff; border: 1px solid #eaeaea; border-radius: 12px; padding: 15px 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); display: flex; flex-direction: column; gap: 20px; z-index: 9998; font-family: Arial, sans-serif; } .contact-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; color: #444444; font-size: 13px; font-weight: 700; cursor: pointer; } .contact-item:hover { color: #000000; } .icon-circle { width: 45px; height: 45px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 6px; color: white; box-shadow: 0 2px 5px rgba(0,0,0,0.2); transition: transform 0.2s ease; } .contact-item:hover .icon-circle { transform: scale(1.1); } .bg-orange { background-color: #f78c1e; border: 2px solid #f78c1e; } .bg-orange-outline { background-color: #ffffff; border: 2px solid #f78c1e; color: #f78c1e; } .bg-blue { background-color: #0068ff; } .icon-circle svg { width: 22px; height: 22px; }