LACE-BORDER

HTML

<div class="lace-border"> 
  <div class="dashed-border">hello!</div>
</div>

CSS

.lace-border {
    image-rendering: pixelated;
    display: flex;
    border-image: url(https://file.garden/Z-8B3Z-zNAsQ37MB/graphics/SP-1.png); 
  /* i made the border image myself, but feel free to use it! */
    border-image-slice: 5;
    border-image-width: 5px;
    border-image-repeat: round;
    border-style: solid;
    border-radius: 5px;
    background: white;
    width: auto;
}

.dashed-border {
  border: 1px dashed;
  border-radius: 2px;
  width: -webkit-fill-available;
  padding: 3px;
}