#transaction-count {
    display: inline-block;
    transform-origin: center;
    will-change: transform, color;
}

#transaction-count.count-updated {
    animation: countPulse 0.5s ease-in-out;
}

@keyframes countPulse {
    0% {
        transform: scale(1);
        color: inherit;
    }
    50% {
        transform: scale(1.2);
        color: var(--bricks-color-npbuep);
    }
    100% {
        transform: scale(1);
        color: inherit;
    }
} 