Какие стили применить к этой кнопке (градиент к ссылке)?

Question

[Павел]

У ссылки и фона применен один и тот же градиент.

{
background: repeating-linear-gradient(to top, #eb402c, #d90647);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

Задаю ссылке градиент, что отменяет
{
border: solid 1px #fff;
border-radius: 30px;
background-color: #fff;
}

Как можно сделать по другому?

Answer 1

[Владимир Проскурин]

Указывайте градиент не полностью переопределяя background, а только одно из его под-свойств.

background-image: repeating-linear-gradient(to top, #eb402c, #d90647);

Comments

[Павел]

не помогло

[Владимир Проскурин]

Павел Титов, непонятно что вы хотите. Наложить градиент конкретно на сам текст а не на кнопку? То, что градиент переопределяет цвет фона, это нормально, так и должно быть.

[Павел]

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

[Владимир Проскурин]

Павел Титов, вы так и не написали, что нужно.

[Павел]

Владимир Проскурин, нужно ссылке добавить градиент, добавить белый фон. Решил через добавление отдельным обьектом, но может есть более рациональный вариант