.notification-badge-grid{
    display: flex; 
    justify-content: center;
}

.notification-badge {
    will-change: transform, opacity, box-shadow;
    transition: opacity 200ms ease;
    animation: pulse-soft 3.0s ease-in-out infinite;
}

@keyframes pulse-soft {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.35);
        opacity: 1;
    }
    50% {
        transform: scale(1.03);
        box-shadow: 0 0 12px 6px rgba(76, 175, 80, 0.18);
        opacity: 0.9;
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.35);
        opacity: 1;
    }
}

.d-flex {
    flex-direction: row;
    flex-wrap: wrap;
}