JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="setumei">普通のリンクです。<span>にゃー にゃーにゃー</span></a>

CSS

.setumei {
    display: inline-block;
    position: relative;
}
.setumei > span {
    bottom: 100%;
    display: none;
    position: absolute;
}
.setumei > span::after {
    border-color: #e79221 transparent transparent;
    border-style: solid;
    border-width: 7px 7px 0 0;
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    top: 100%;
    width: 0;
}
.setumei:hover > span {
    background-color: #e79221;
    color: #ffffff;
    display: block;
    margin-bottom: 7px;
    padding: 3px;
}

body {
    padding: 2em 0;
}