.hover-expand-border {
  position: relative;
  cursor: pointer;
}

.hover-expand-border:after {
	position: absolute;
  left: 0;
	content: '';
	height: 40px;
	height: 2px;
  background: #000;
  transition: all 0.5s linear;
  width: 0;
  bottom: 0;  
}

.hover-expand-border:hover:after {
	width: 100%;
}
.hover-expand-border.active {
  font-weight: bold;
  border-bottom: 2px solid red;
}