How to create text with gradient fill, gradient inline stroke and inner shadow?

Question

I have problem with CSS. I want to create text from Figma design. This text is in the image I attached below. It should have these properties:

• Poppins 48px size and 600 weight font
• Linear Gradient fill: background: linear-gradient(135.34deg, #856220 15.43%, #F4E683 34.91%, #BF923D 50.85%, #4E341B 68.56%, #F1EA82 86.26%);
• Border with inner alignment: border: 1px solid; border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.53) 0%, rgba(255, 255, 255, 0) 85.42%);
• Inner shadow: box-shadow: 0px 4px 6px 0px #DAA520 inset;

All these properties were copied from Figma as well. Can it be done somehow?

I wanted to create text like this

Only thing I managed to achieve was gradient text fill:

.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;
}

<h1 class="gradient-text">Lorem ipsum ipsum</h1>