Как создать текст с градиентной заливкой, градиентной встроенной обводкой и внутренней тенью? ⇐ CSS

[Anonymous]

У меня проблема с CSS. Я хочу создать текст из дизайна Figma. Этот текст находится на изображении, которое я прикрепил ниже. Он должен иметь следующие свойства:

• Размер Poppins 48 пикселей и толщина шрифта 600.
• Линейная градиентная заливка: фон: линейный- градиент(135.34deg, #856220 15.43%, #F4E683 34.91%, #BF923D 50.85%, #4E341B 68.56%, #F1EA82 86.26%);
• Граница с внутренним выравниванием:
  border: 1px сплошной;
  border-image-source: линейный градиент(180deg, rgba(255, 255, 255, 0,53) 0%, rgba(255, 255, 255, 0) 85,42%);< /li>
  Внутренняя тень:
  box-shadow: 0px 4px 6px 0px #DAA520 inset;

Все это свойства также были скопированы из Figma. Можно ли это как-то сделать?
Я хотел создать такой текст
Единственное, чего мне удалось добиться, это градиентной заливки текста:

Код: Выделить всё

.gradient-text {
font-family: Poppins;
font-size: 48px;
font-weight: 600;
background: linear-gradient(135.34deg, #856220 15.43%, #F4E683 34.91%, #BF923D 50.85%, #4E341B 68.56%, #F1EA82 86.26%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

Код: Выделить всё

Lorem ipsum ipsum

Подробнее здесь: https://stackoverflow.com/questions/786 ... ner-shadow