.sparkle {
            z-index: 9999;
            position: absolute;
            width: 5px;
            height: 5px;
            border-radius: 50%;
        }
        .triangle {
            z-index: 9999;
            transform: rotate(90deg);
            clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
        }
        .star {
            z-index: 9999;
            transform: rotate(-35deg);
            clip-path: polygon(
                50% 0%, 
                61% 35%, 
                98% 35%, 
                68% 57%, 
                79% 91%, 
                50% 70%, 
                21% 91%, 
                32% 57%, 
                2% 35%, 
                39% 35%
            );
        }
        .heart {
            z-index: 9999;
            transform: rotate(45deg);
            clip-path: path('M50 5 C 75 10, 100 40, 100 70 A 50 50, 0, 1, 1, 50 120 A 50 50, 0, 1, 1, 0 70 C 0 40, 25 10, 50 5 Z');
        }