/**
 * Buttons
 *
 */
.nf-btn {
	--nf-button-bg:			var( --nf-primary );
	color:					var( --nf-white );
	background:				var( --nf-button-bg );
	border-color:			var( --nf-button-bg );
	font-weight:			500;
	text-align:				center;
	text-decoration:		none;
	padding:				var( --nf-btn-py, 10px ) var( --nf-btn-px, 20px );
	border-radius:			var( --nf-btn-radius, 4px );
	border-style:			solid;
	border-width:			var( --nf-btn-border-width, 2px );
	cursor:					pointer;
	-webkit-appearance:		none;
	-moz-appearance:		none;
	appearance:				none;
	display:				inline-block;
	/* line-height: initial !important; */
	-webkit-transition:		all .3s ease ;
		-moz-transition:	all .3s ease ;
		-ms-transition:		all .3s ease ;
		-o-transition:		all .3s ease ;
		transition:			all .3s ease ;
}
.nf-btn:hover,
.nf-btn:focus {
	--nf-button-bg: var( --nf-primary );
	/* --nf-btn-radius: 0px; */
}

.nf-btn-primary {
	--nf-button-bg:	var( --nf-primary );
}
.nf-btn-secondary {
	--nf-button-bg:	var( --nf-secondary );
}
.nf-btn-secondary:hover {
	color: var( --nf-white ) !important;
}

.nf-btn--outline:not( .nf-btn--outline:hover ) {
	background-color:	transparent;
	color:				inherit;
}
.nf-btn-secondary.nf-btn--outline:hover {
	--nf-button-bg:	var( --nf-secondary );
}

.nf-btn-link {
	border-color:		transparent;
	background-color:	transparent;
	color:				var( --nf-text-color );
	text-decoration:	underline;
}