On hover set animation via css

[jack-fdrv]

Describe The Bug

Please help me understand, why this works?

&:hover {
    -webkit-animation: flash 1s;
        animation: flash 1s;
}

And this one not?

&:hover {
    -webkit-animation: pulse 1s;
        animation: pulse 1s;
}

Steps To Reproduce

Html

<div class="buttons">
    <a class="btn animate__animated default" href="#">ENTER NOW</a>
    <a class="btn animate__animated bordered" href="#">FIND OUT MORE</a>
</div>

.default:hover {
    -webkit-animation: flash 1s;
        animation: flash 1s;
}
.bordered:hover {
    -webkit-animation: pulse 1s;
        animation: pulse 1s;
}

Expected Behavior

Second button should has pulse animation

Screenshots

No response

Desktop

No response

Smartphone

No response

Additional Context

No response

[jack-fdrv]

I forgot to set display: inline-block;