button.bell-active {
    background-color: rgb(var(--primary)) !important;
    color: #fff !important;
    border-radius: 6px !important;
    animation: bell-pulse 1.8s ease-out infinite;
}

button.bell-active span {
    color: #fff !important;
}

button.bell-active img {
    filter: var(--icon-filter-white);
}

@keyframes bell-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(var(--primary), 0.6);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(var(--primary), 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(var(--primary), 0);
    }
}