.approval-flower-cascade {
    position:fixed;
    z-index:10000;
    width:1px;
    height:1px;
    pointer-events:none;
}

.approval-flower {
    position:absolute;
    left:0;
    top:0;
    color:var(--flower-color);
    font-size:var(--flower-size);
    font-weight:900;
    text-shadow:0 12px 24px rgba(45,62,74,.22);
    animation:approval-flower-fall 1.15s cubic-bezier(.18,.82,.32,1) forwards;
    animation-delay:var(--flower-delay);
}

@keyframes approval-flower-fall {
    0% {
        opacity:0;
        transform:translate(-50%, -18px) scale(.6) rotate(-10deg);
    }

    16% {
        opacity:1;
    }

    100% {
        opacity:0;
        transform:translate(calc(-50% + var(--flower-x)), 260px) scale(1.18) rotate(36deg);
    }
}