#blog:hover .blog-notification .bell-notification .bx-bell-plus{
    animation: bellshake .6s;
    animation-iteration-count: 3;
    transform-origin: top right;
}


@keyframes bellshake {
    0% {
        transform: rotate(0);
    }

    15% {
        transform: rotate(5deg);
    }

    30% {
        transform: rotate(-5deg);
    }

    45% {
        transform: rotate(4deg);
        color: var(--schcolor1);
    }

    60% {
        transform: rotate(-4deg);
        color: var(--schcolor1);
    }

    75% {
        transform: rotate(2deg);
        color: var(--schcolor1);
    }

    85% {
        transform: rotate(-2deg);
    }

    92% {
        transform: rotate(1deg);
    }

    100% {
        transform: rotate(0);
    }
}