User:GKFX/sandbox/styles.css

.template-text-arrow {
	display: inline-flex;
	flex-flow: column;
	vertical-align: 0.5em;
}

.template-text-arrow > span {
	display: inline-block;
	white-space: nowrap;
	line-height: 1;
	font-size: 80%;
	margin: 0 0.1em;
	position: relative;
	padding: 0.15em 0.5em;
	border-bottom: 1px solid;
}
.template-text-arrow > span + span {
	border: none;
}
.template-text-arrow > span + span::after {
	content: none;
}

.template-text-arrow > span::after {
	content: "";
    border: 1px solid;
    display: inline-block;
    width: 0.3em;
    height: 0.3em;
    transform: rotate(45deg);
    border-bottom: none;
    border-left: none;
    position: absolute;
    bottom: -0.2em;
    right: 1px;
}