.confetti-btn-wrapper-8d7eee3b {
position: relative;
display: inline-flex;
overflow: visible;
}
.confetti-btn-8d7eee3b {
position: relative;
z-index: 2;
}
.confetti-container-8d7eee3b {
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
z-index: 1;
pointer-events: none;
}
.particle-8d7eee3b {
position: absolute;
width: 6px;
height: 6px;
background: var(--c, #000);
top: -3px;
left: -3px;
opacity: 0;
}
.is-active .particle-8d7eee3b {
animation: pop-8d7eee3b 0.6s ease-out forwards;
animation-delay: var(--d, 0s);
}
@keyframes pop-8d7eee3b {
0% { transform: translate(0, 0) scale(1); opacity: 1; }
100% { transform: translate(var(--x), var(--y)) scale(0); opacity: 0; }
}