.wa-floating {
                                            position: fixed;
                                            bottom: 20px;
                                            right: 20px;
                                            z-index: 1000;
                                            background-color: #25D366;
                                            padding: 10px;
                                            border-radius: 50%;
                                            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
                                            transition: transform 0.3s ease-in-out;
                                        }
                                        .wa-floating img {
                                            width: 30px;
                                            height: 30px;
                                        }
                                        .wa-floating:hover {
                                            transform: scale(1.1);
                                        }
                                 
                                .popup-transaksi {
                                    position: fixed;
                                    bottom: 15px;
                                    left: 15px;
                                    z-index: 1050;
                                    width: 200px;
                                    display: none;
                                    border-radius: 8px;
                                    backdrop-filter: blur(6px);
                                    background: rgba(0, 0, 0, 0.2);
                                    color: #fff;
                                    font-size: 11px;
                                    padding: 8px;
                                    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
                                }
                                .fade-custom {
                                    animation: fadeInOut 5s ease-in-out infinite;
                                }
                                @keyframes fadeInOut {
                                    0% {
                                        opacity: 0;
                                        transform: translateX(-20px);
                                    }
                                    10% {
                                        opacity: 1;
                                        transform: translateX(0);
                                    }
                                    90% {
                                        opacity: 1;
                                        transform: translateX(0);
                                    }
                                    100% {
                                        opacity: 0;
                                        transform: translateX(-20px);
                                    }
                                }
                                .avatar {
                                    width: 30px;
                                    height: 30px;
                                    border-radius: 50%;
                                    object-fit: cover;
                                    margin-right: 6px;
                                }
                                .popup-content {
                                    display: flex;
                                    align-items: center;
                                }
                                .tanggal {
                                    font-size: 9px;
                                    color: #ddd;
                                    display: block;
                                    margin-top: 2px;
                                }