Вот код:
.button-inline-gradient {
font-weight: bold;
background: -webkit-linear-gradient(90deg, #fc2c90 0%, #ff521c 100%);
background-image: -webkit-linear-gradient(90deg, #fc2c90 0%, #ff521c 100%);
background-image: -webkit-gradient(
linear,
left top,
right top,
from(#fc2c90),
to(#ff521c)
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
Во всех браузерах на винде и андроиде работает. На иос в сафари и хроме текст не отображается вообще.
Иначе говоря, в иос "-webkit-text-fill-color: transparent;" срабатывает, но "background" нет
Для справки: строки с background-image добавил от безысходности, но они излишни, да