.counter-container {
    position: relative;
    display: inline-block;
    font-size: 3rem;
    font-weight: bold;
}


.float-plus {
    position: absolute;
    left: 50%;
    top: 50%;
    color: var(--bs-secondary);
    font-size: 1.2rem;
    font-weight: normal;
    opacity: 1;
    pointer-events: none;
    --sx: 0px;
    --sy: 0px;
    animation: floatUp 2000ms ease-out forwards;
}


@keyframes floatUp {
    from {
        transform: translate(var(--sx), var(--sy)) scale(0.9);
        opacity: 1;
    }

    to {
        transform: translate(var(--sx), calc(var(--sy) - 40px)) scale(1.05);
        opacity: 0;
    }
}