.fear-tracker-plus-gradient {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    /* Required for gradient text */
}

/* Ensure the icon keeps its size and doesn't collapse */
#resource-fear i.fear-tracker-plus-custom {
    transition: all 0.5s ease;
}

@keyframes fearPulse {
    0% {
        transform: scale(1);
        filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
    }

    50% {
        transform: scale(1.1);
        filter: drop-shadow(0 0 5px rgba(255, 0, 0, 0.5));
    }

    100% {
        transform: scale(1);
        filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
    }
}

#resource-fear i.fear-tracker-plus-animate {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    transform-origin: center center;
    animation: fearPulse 2s infinite ease-in-out;
}