/* Style Guide Button Styling */

/* Active Buttons Small */
.regressive-sm-btn-active {
	line-height: 14px;
	padding: 8px 15px;
	font-size: 14px;
	border: 1px solid #5A5A5A;
	background: #5A5A5A;
	border-radius: 4px;
	color: #fff;
}

.secondary-sm-btn-active {
	background: #FFFFFF;
	border: 1px solid #0568AE;
	padding: 8px 15px;
	line-height: 14px;
	font-size: 14px;
	border-radius: 4px;
	color: #0568AE;
}

.primary-sm-btn-active {
	border: 1px solid #0568AE;
	padding: 8px 15px;
	font-size: 14px;
	line-height: 14px;
	background: #0568AE;
	border-radius: 4px;
	color: #fff;
}

/* Active Buttons Large */
.regressive-lg-btn-active {
	line-height: 24px;
	padding: 12px 30px;
	font-size: 24px;
	border: 1px solid #5A5A5A;
	background: #5A5A5A;
	border-radius: 4px;
	color: #fff;
	width: 150px;
	height: 50px;
	
}

.secondary-lg-btn-active {
	background: #FFFFFF;
	border: 1px solid #0568AE;
	padding: 12px 30px;
	line-height: 24px;
	font-size: 24px;
	border-radius: 4px;
	color: #0568AE;
}

.primary-lg-btn-active {
	border: 1px solid #0568AE;
	padding: 12px 30px;
	font-size: 24px;
	line-height: 24px;
	background: #0568AE;
	border-radius: 4px;
	color: #fff;
}