.hover-underline {
	position: relative;
	text-decoration: none;
	color: black;
}

.hover-underline::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 100%;
	height: 2px;
	background-color: black;

	transform: scaleX(0);
	transform-origin: center;
	transition: transform 0.3s ease;
}

.hover-underline:hover::after {
	transform: scaleX(1);
}