JSFiddle - React, Tailwind, and code Playground

HTML

<div class='thin'>
hello
</div>

CSS

div {
    text-align: center;
    padding: 5px;
}

.thin {
  	background: #F4FFF3;
	  border: 2px dashed #3FA535;  
    position: relative;
}

.thin:after {
  content: '';
	position: absolute;
	left: -1px;
	top: -1px;
	right: -1px;
	bottom: -1px;
	border: 1px solid #F4FFF3;
}