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

// Using variables

a.navigation{
	display: inline-block !important;
	background: @background-color !important;
	color: @color !important;
	border: 1px solid @border !important;
	border-radius: 30px !important;
	min-width: 4em !important;
	max-width: 100% !important;
	font-size: 80% !important;
	line-height: 1.6 !important;
	text-align: center !important;
	text-decoration: none !important;
	cursor:pointer !important;
	padding: 0.5em 1em !important;
	transition: all 0.2s !important;
}
a.navigation:visited{
	background: @background-color !important;
	color: @color !important;
	border: 1px solid @border !important;
	text-decoration: none !important;
}
a.navigation:active{
	background: @background-color-hover !important;
	color: @color-hover !important;
	border: 1px solid @border-hover !important;
	text-decoration: none !important;
}
a.navigation:hover{
	background: @background-color-hover !important;
	color: @color-hover !important;
	border: 1px solid @border-hover !important;
	text-decoration: none !important;
	opacity: 1 !important;
}
