JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<body>

<p>Click the button to display the version of your browser.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
    var x = "Version info: " + navigator.appVersion;
    document.getElementById("demo").innerHTML = x;
}
</script>

</body>
</html>

SCSS

.content {
    position: relative;
    padding:10px;
    width:400px;
    background-color:#1D626A;
    color:white;
    
    &:after {
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -50%;
      content: '';
      width: 0;
      height: 0;
      border-top: solid 30px #1D626A;
      border-left: solid 210px rgba(0, 0, 0, 0);
      border-right: solid 210px rgba(0, 0, 0, 0);
    }
    
}