JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <h3 class="produtos-title">CONHEÇA NOSSOS PRODUTOS</h3>
</div>

CSS

*{
    box-sizing:border-box;
    font-family:sans-serif
}

.wrapper{
    padding:50px
}

.produtos-title{
    padding:15px;
    width:400px;
    color: #971118;
    text-align:center;
    border: 3px solid #971118;
    position:relative;
    background-color:#FFF;
 }

.produtos-title:after{
    top:00px;
    left:0px;
    content:"";
    height:100%;
    width:100%;
    position:absolute;
    border: 7px solid #971118;
    z-index:-1
}