Resize a border in css : I would like to make a border that does like in the following photo : [(this one)][1]


  [1]: https://i.stack.imgur.com/O2EcM.png
My code is actually the following :
```html
<div id="ametg" class="marketorder">
      <img src="https://cdn.discordapp.com/emojis/618876932825677835.png?v=1">
      <font color="yellow"><p>
      Graines en amethyste
      </p>
      <div id="amgp">
        <p>
          Prix : <span>800</span>$/stack
        </p>
      </div>
      <br /><button onclick="orderga">
        Commander
        </button></font>
    </div>
```
And, for the style of the class :
```css
.marketorder{
      border-style: solid
    }
```

I hope somebody can help me as soon as possible!