Только последний селектор CSS :: after работает с jQuery .addClass

На многоязычном веб-сайте есть простое событие jQuery .click, которое добавляет класс к кнопке поиска.

Класс load_IT добавлен на итальянский веб-сайт, а класс load_EN добавлен на английский веб-сайт.

Итальянская версия:

$("#doSearch").click(function() {
  $("#doSearch").last().addClass("load_IT");
});

Английская версия:

$("#doSearch").click(function() {
  $("#doSearch").last().addClass( "load_EN" );
});

С jQuery вроде все нормально, класс успешно добавлен в обе версии сайта.

Оба этих класса имеют простой селектор CSS :: after, как в примере (файл .css одинаков для обоих веб-сайтов):

.load_IT::after {
    content: 'Caricamento...';
    -o-animation: bookingBlink 1s linear infinite;
    -ms-animation: bookingBlink 1s linear infinite;
    -moz-animation: bookingBlink 1s linear infinite;
    -webkit-animation: bookingBlink 1s linear infinite;
    top: 8px;
}

.load_EN::after {
    content: 'Loading...';
    -o-animation: bookingBlink 1s linear infinite;
    -ms-animation: bookingBlink 1s linear infinite;
    -moz-animation: bookingBlink 1s linear infinite;
    -webkit-animation: bookingBlink 1s linear infinite;
    top: 8px;
}

@keyframes bookingBlink {
    0%,
    100% {
        opacity: 1
    }

    50% {
        opacity: .3
    }
}

@-webkit-keyframes bookingBlink {
    0%,
    100% {
        opacity: 1
    }

    50% {
        opacity: .3
    }
}

Теперь проблема в том, что работает только последний.

Если в файле CSS я сначала напишу класс «load_IT», а затем класс «load_EN», будет работать только последний (load_EN), и на английском веб-сайте все в порядке.

Если в файле CSS я сначала напишу класс «load_EN», а затем класс «load_IT», будет работать только последний (load_IT), и на итальянском веб-сайте все в порядке.

Странно, почему так происходит?

• Уже пробовал:
  • Измените порядок занятий.
  • Поместите один из классов вверху CSS, а другой - внизу.
  • Полностью измените название класса.
  • Удалите анимацию.
  • Использование: after (CSS2) и :: after (CSS3)
  • Используйте :: before для одного класса и :: after для другого класса.

Чтобы лучше понять, что происходит, я также попытался добавить классы к кнопке прямо в html. К сожалению, проблема та же, и я предполагаю, что это не проблема jQuery.

Пример JSFiddle

https://jsfiddle.net/e3dc6o48/3/

В JSFiddle работает, понятно, что проблема где-то в моем коде. Где может быть проблема? В CSS или в HTML-файле?