JSFiddle - React, Tailwind, and code Playground

HTML

<a class="talkbubble" href="#">Submit Query</a>

CSS

body {padding:20px;}

.talkbubble {
    display:inline-block;
    height: 30px;
    background:#eaeaea;
    text-decoration: none;
    position: relative;
    border-radius: 3px;
    font:normal 20px Arial, Helvetica, sans-serif;
    color:#0eaee8;
    padding:5px;
    box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 1);
}
.talkbubble:before {
    content: " ";
    position: absolute;
    background:#eaeaea;
    z-index:-1;
    top: 6px;
    right: -13px;
    width: 27px;
    height: 27px;
    box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 1);
    -webkit-transform: rotate(45deg);
}