Анимация исчезнования "error" уведомления при заполнении полей в формах

Есть форма для email sign up. Если пользователь вводит неккоректный эмеил появляется уведомления "This blank cannot be blank" или "Invalid info".

Эти уведомления появляются с анимацией fadein.

Когда пользователь начинает заново вводить эти уведомления очень резко исчезают.

Подскажите как добавить анимацию исчезновения именно вот в этот кусок кода что бы они также плавно и исчезали?

Спасибо

  <label class="entry__error entry__error--primary" style="font-size:10px; text-align:center; font-family:&quot;Helvetica&quot;, sans-serif; color:#c70000; background-color:#fdfdfa; border-color:#fdfdfa; animation: fadein 1s; ">