.alert-subscribe-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Button pulse animation code */
.alert-subscribe-container button {
    animation-duration: 10s;
    animation-name: shadowpulse;
    box-shadow: var(--bs-box-shadow-sm);
    animation-iteration-count: infinite;
    position: relative;
}

.bell-decoration {
    position: absolute;
    transform: translateX(-40px) translateY(-30px);
    font-size: 1.5rem;
    pointer-events: none;
    width: fit-content;
    display: none;
    /* filter: hue-rotate(180deg); */
}

@keyframes shadowpulse {
    0%   {box-shadow: var(--bs-box-shadow-sm);}
    45%  {box-shadow: var(--bs-box-shadow-sm);}
    50%  {box-shadow: var(--bs-box-shadow-lg);}
    55%  {box-shadow: var(--bs-box-shadow-sm);}
    60%  {box-shadow: var(--bs-box-shadow-lg);}
    65% {box-shadow: var(--bs-box-shadow-sm);}
    100% {box-shadow: var(--bs-box-shadow-sm);}
}

/* Pulsing dot animation */
.pulse {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #224f8979;
    box-shadow: 0 0 0 rgba(34, 79, 137, 0.4);
    animation: pulse 2s infinite;
}
.pulse:hover {
    animation: none;
}
  
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(34, 79, 137, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(34, 79, 137, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(34, 79, 137, 0);
    }
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(34, 79, 137, 0.4);
        box-shadow: 0 0 0 0 rgba(34, 79, 137, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(34, 79, 137, 0);
        box-shadow: 0 0 0 10px rgba(34, 79, 137, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(34, 79, 137, 0);
        box-shadow: 0 0 0 0 rgba(34, 79, 137, 0);
    }
}