// Declaring variables
@background-color:$sub1;
@border:$sub3;
@color:$sub3;
@background-color-hover:$main;
@border-hover:$sub3;
@color-hover:$sub3;

// Using variables
a.widget{
	display: inline-block !important;
	background: @background-color !important;
	color: @color !important;
	border: 2px solid @border !important;
	border-radius: 8px !important;
	box-shadow: 0 0 0 1px @color inset !important;
	width:200px !important;
	max-width: 100% !important;
	font-size: 100% !important;
	line-height: 1.9 !important;
	text-align: center !important;
	text-decoration: none !important;
	cursor:pointer !important;
	padding: 0.8em !important;
	transition: all 0.6s !important;
}
a.widget:visited{
	background: @background-color !important;
	color: @color !important;
	border: 2px solid @border !important;
	text-decoration: none !important;
}
a.widget:active{
	background: @background-color !important;
	color: @color-hover !important;
	border: 2px solid @border-hover !important;
	text-decoration: none !important;
}
a.widget: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;
}
