.mega-menu > ul > li > ul > li > ul > li a > div > .item-name {
	text-decoration: none;
	background-image: linear-gradient(rgba(218, 218, 218, 0), rgba(218, 218, 218, 1));
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 0 1px;
	transition: all 0.3s ease;
	padding-bottom: 1px;
}

.mega-menu > ul > li > ul > li > ul > li a:hover > div > .item-name {
	background-size: 100% 1px;
}

.empty-subcategory > div > span {
	text-decoration: none;
	background-image: linear-gradient(rgba(218, 218, 218, 0), rgba(218, 218, 218, 1));
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 0 1px;
	transition: all 0.5s ease;
	padding-bottom: 1px;
}

.empty-subcategory:hover > div > span {
	background-size: 100% 1px;
}