.floating-emoji {
    display: inline-block;
    position: fixed;
    font-size: 2em;
    user-select: none;
    z-index: 9999;
    pointer-events: none;
}

@keyframes float-up {
    0% {
        opacity: 1;
        transform: translate(0, 0);
    }
    100% {
        opacity: 0;
        transform: translate(var(--random-x), -300px);
    }
}

.float {
    animation: float-up 1.5s ease-out forwards;
}