Как убрать линии при градиенте на текст?

Question

[daniel_wesson]

На Mac OS в safari есть такая проблема при наложении градиента на текст:

background: linear-gradient(45deg, #c50087, #dd3080, #fa6b77);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

Comments

[Никита Егоров]

какая проблема?

[daniel_wesson]

Никита Егоров, линии по бокам от цены, их нужно убрать

[Павло Пономаренко]

daniel_wesson, какие линии? Какая цена?

[Мария Коробкоголовых]

У меня на макоси в сафари баг не воспроизвелся, лучше залей свой код на codepen/jsfiddle

[daniel_wesson]

Мария Коробкоголовых, там еще transform scale есть, может из-за этого

https://codepen.io/Daniel_Wesson/pen/YRxQev

[Мария Коробкоголовых]

daniel_wesson, да, теперь вижу

а зачем там вообще трансформ, если не секрет?

[daniel_wesson]

Мария Коробкоголовых, Ну там центральный блок больше остальных, вот примерно:

Понятия не имею как убрать этот баг с линиями, не хотелось бы с ними на продакшен