JSFiddle - React, Tailwind, and code Playground

by Thiago Diniz

HTML

<div id="menu-usuario">Atendimento</div>

CSS

* {
    margin:0 auto;
    padding:0;
    font-family:sans-serif;
    box-sizing:border-box;
}
#menu-usuario {
    padding:10px 35px;
    float:left;
    background-color:#337BFF;
    border:2px solid #669cff;
    box-shadow:0px 3px 1px #337bff;
    color:#FFF;
    cursor:pointer;
    transition:all 0.2s linear;
}

#menu-usuario:hover{box-shadow:0 0 0 #337bff;}

#menu-usuario:after {
    left:10px;
    top:5px;
    float: right;
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0 5px;
    border-color: #FFF transparent transparent transparent;
    position:relative;
}