Текст кнопки CSS исчезает при доступе к целевой странице, отображается только при наведении

Question

Я пытаюсь создать кнопку для многоязычного сайта Wordpress, чтобы получить доступ к странице контактов. Проблема появляется, когда я нажимаю на нее и получаю доступ к целевой странице контактов. В этот момент текст в кнопке исчезает и появляется только тогда, когда я наведу курсор на кнопку. Текст обычно отображается на всех других страницах, это происходит только тогда, когда я захожу на целевую страницу. Я приложу несколько скриншотов ниже кнопки, работающей нормально на других страницах, как она выглядит при наведении на нее и как она выглядит при доступе к странице контактов, где возникает проблема.

Я пробовал разные коды для создания кнопки, но проблема остаетсяпоявляться. Ниже приведен код, который я сейчас использую.

.btn-class-eng{
border-radius: 50px;
padding: 0px 40px;
color: #ffffff;
border-color: #4064d7;
background-color: #4064d7;
}
.btn-class-eng a {
color:#fff;
}
.btn-class-eng:hover{
opacity:0.8;
color:#4064D7; 
background-color:#3A3A3A;
}

Я ожидаю, что текст будет отображаться на кнопке, когда он не находится над ней, как на всех других страницах.

Answer 1

Также добавьте следующий блок CSS:

.btn-class-eng a:visited, .btn-class-eng a:link {
    color:#fff;
}

Все посещенные ссылки по умолчанию окрашиваются в синий цвет, в результате чего фон и текст становятся голубыми. Следовательно, выглядит так, как будто текст исчез.

a: visited гарантирует, что, если ссылка уже посещена, она по-прежнему остается белого цвета.

Исправлено: как предложено @ 04fs.