.hacom-widget { position: fixed; bottom: 114px; right: 0; z-index: 9999; width: 270px; background: #ffffff; border-radius: 24px 0 0 24px; border: 1px solid rgba(229, 231, 235, 0.8); border-right: none; padding: 10px; box-shadow: -6px 4px 24px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; gap: 4px; user-select: none; transform: translateX(calc(100% – 62px)); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; } .hacom-widget:not(.is-expanded):hover { transform: translateX(calc(100% – 66px)); } .hacom-widget.is-expanded { transform: translateX(0); cursor: default; } /* Submenu Card dạng xám bo tròn */ .zalo-card-box { margin-top: 4px; background-color: #f6f8fa; border-radius: 16px; padding: 8px; display: flex; flex-direction: column; gap: 4px; border: 1px solid #f1f5f9; } .zalo-sub-item { display: flex; align-items: center; gap: 12px; padding: 8px; border-radius: 12px; text-decoration: none; color: #1e293b; font-size: 14px; font-weight: 600; transition: background-color 0.2s, box-shadow 0.2s; } .zalo-sub-item:hover { background-color: #ffffff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); } .mini-zalo-icon { width: 32px; height: 32px; flex-shrink: 0; background-color: #0068ff; border-radius: 8px; color: #ffffff; font-size: 11px; font-weight: 900; display: flex; align-items: center; justify-content: center; font-family: Inter, system-ui, sans-serif; }
Chat Facebook 8h-21h
Zalo
Chat Zalo Chọn bộ phận
1900.1903 8h-21h

SẢN PHẨM