Почему не отображается текст кнопки на IOS?

Question

[corasao]

Все привет! Нужна помощь.
Подскажите, пожалуйста, почему не отображается текст кнопки SEND на айфоне?
В ПК версии, на андроиде все ок, но вот на айфоне в сафари и хроме текста нет.
Пользуюсь Contact Form 7. Вот что пишу внутри формы.

[text* your-name class:form-popup__input class:form__input placeholder "Name"][tel* phone class:form-popup__input class:form__input placeholder "Phone"][email your-email class:form-popup__input class:form__input placeholder "Email"]By clicking "Send", you agree that you have read and consent to our personal data use policySEND

css кнопки
.btn {
font-weight: 500;
font-size: 18px;
text-transform: uppercase;
padding-right: 43px;
position: relative;
display: inline-block;
transition: all 0.3s linear;
}

.btn::after {
content: '';
position: absolute;
background-image: url('../images/icons/arrow-btn.svg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 32px;
height: 9px;
right: 0;
top: 50%;
transform: translateY(-50%);
animation: arrow-x-anim 0.7s linear 0s infinite alternate;
}

на афтере у меня стрелка двигающаяся. Вообщем, только эта стрелка и отображается))
Пробовал отключать стрелку (афтер), и вообще анимацию - но не помогает.

Answer 1

[Станислав]

Рекомендую
- для .btn заменить display: inline-block; на display: flex;
- для .btn::after добавить display: block;
- после каждого обновления чистить кеш браузера в айфоне

Comments

[corasao]

спасибо
но, к сожалению, не помогло

[Станислав]

corasao, в таком случае нужно смотреть на верстку html. Как вариант добавить ее в песочницу, например js fiddle. Так будет проще найти решение

[corasao]

Станислав,  спасибо)
я уже думал, над тем чтобы текст поставить на before)))
Но пока поищу варианты более правильные, что ли)
Спасибо за помощь, обязательно покопаю код в песочнице