Animated underline on Navigation

menus.scss

a {
		display: block;
		text-decoration: none;
		color: #000;
		position: relative;
		padding: 0 10px;
		

		&:before {
			content: "";
			position: absolute;
			width: 100%;
			height: 1px;
			bottom: 0;
			left: 0;
			background-color: $color_dark_pink;
			visibility: hidden;
			@include transition(.3s ease all);
			-webkit-transform: scaleX(0);
			transform: scaleX(0);

		}

		&:hover:before {
		  visibility: visible;
		  -webkit-transform: scaleX(1);
		  transform: scaleX(1);
		}

	}