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? Thank you!

I wanted to create text like this

Only thing I managed to achieve was gradient text fill:

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

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