文字の下に短い線をつける

position: relative;
display: flex;
flex-direction: column;
justify-content: center;
margin-bottom: 4em;
	&::before {
	content: '';
	position: absolute;
	bottom: -2em;
	display: inline-block;
	width: 2em;
	height: 3px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #000;
}