JSFiddle - React, Tailwind, and code Playground

HTML

<div class="foo">Sound's good!</div>

CSS

.foo{
    width: 100px;
    height: 100px;
    padding-left: 6px;
    border-style: solid;
    border-width: 0px 2px 0px 2px;
    border-right-color: orange;
    border-left-color: red;
    position: relative
    
}

.foo:before{
    content: "";
    border-style: solid;
    border-width: 0px 2px 0px 2px;
    border-right-color: green;
    border-left-color: blue;
    position: absolute;
    width: 103%;
    height: 100%;
}