// Declaring variables
@background-color:$sub2;
@border:$sub2;
@color:$sub5;
@background-color-hover:$sub5;
@border-hover:$sub2;
@color-hover:$sub2;

// Using variables
a.ghostmenu{
	display: inline-block !important;
	background: @background-color !important;
	color: @color !important;
	border: 2px solid @border !important;
	border-radius: 4px !important;
	box-shadow: 0 0 0 1px @color inset !important;
	width: 180px !important;
	max-width: 100% !important;
	font-size: 100% !important;
	line-height: 1.6 !important;
	text-align: center !important;
	text-decoration: none !important;
	cursor:pointer !important;
	padding: 0.4em !important;
	transition: all 0.6s !important;
}
a.ghostmenu:visited{
	background: @background-color !important;
	color: @color !important;
	border: 2px solid @border !important;
	text-decoration: none !important;
}
a.ghostmenu:active{
	background: @background-color !important;
	color: @color-hover !important;
	border: 2px solid @border-hover !important;
	text-decoration: none !important;
}
a.ghostmenu:hover{
	background: @background-color !important;
	box-shadow: 0 0 0 300px @background-color-hover inset !important;
	border-color: @border-hover !important;
	color: @color-hover !important;
	text-decoration: none !important;
	opacity: 1 !important;
}
