JSFiddle - React, Tailwind, and code Playground

HTML

<div class="spch-bub-inside"> <img src="">Comentarios</div>

CSS

.spch-bub-inside {
    margin-top: 20%;
    position: relative;
    display:inline-block;
    font-family:Tahoma;
    color: #F5F5F5;
    font-size:29px;
    background-color: #333;
    padding: .15em 0.5em;
    border-radius: 0.2em;
}

.spch-bub-inside:before{
    content:'';
    display: block;
    height:0;
    width:0;
    border-bottom: 0.6em solid transparent;
    border-left: 0.6em solid #333;
    top: 100%;
    left: 10%;
    overflow: hidden;
    position: absolute;
}
.spch-bub-inside:hover {
    background-color: #ABC;
    color:#2c2c2c;
}
.spch-bub-inside:hover:before{
    border-left-color:#ABC
}