/*
 * ---------------------------
 * --------- General ---------
 * ---------------------------
 */
.button {
	height: 40px;
	line-height: 38px;
	padding: 0 15px;
	color: #fff;
	background: #683f92;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: background 0.36s ease-out;
	-moz-transition: background 0.36s ease-out;
	-o-transition: background 0.36s ease-out;
	transition: background 0.36s ease-out;
}
.button:hover,
.button:focus,
.button:active {
	color: #fff;
}
.button:hover {
	background: #7f4db3;
}
/*
 * --------------------------
 * --------- Styles ---------
 * --------------------------
 */
.button-gray {
	color: #000;
	font-size: 1rem;
	font-weight: 400;
	border: 0 none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1d3d4), color-stop(100%, #a7a9ac));
	background: -webkit-linear-gradient(top, #d1d3d4 0%, #a7a9ac 100%);
	background: -o-linear-gradient(top, #d1d3d4 0%, #a7a9ac 100%);
	background: -ms-linear-gradient(top, #d1d3d4 0%, #a7a9ac 100%);
	background: linear-gradient(to bottom, #d1d3d4 0%, #a7a9ac 100%);
}
.button-gray:hover {
	color: #000;
	background: #f2f2f2;
}
.button-light {
	color: #000;
	font-weight: 400;
	text-transform: none;
	border-color: #d4d4d4;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e6e7e8));
	background: -webkit-linear-gradient(top, #fff 0%, #e6e7e8 100%);
	background: -o-linear-gradient(top, #fff 0%, #e6e7e8 100%);
	background: -ms-linear-gradient(top, #fff 0%, #e6e7e8 100%);
	background: linear-gradient(to bottom, #fff 0%, #e6e7e8 100%);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.button-light:hover {
	color: #000;
	background: #f5f5f5;
}
.button-light:focus {
	color: #000;
}
.button-green {
	background: #6bbe6b;
}
.button-green,
.button-green:hover,
.button-green:focus {
	color: #fff;
}
.button-dark-gray {
	background: #758181;
}
.button-dark-gray,
.button-dark-gray:hover,
.button-dark-gray:focus {
	color: #fff;
}
.button-shadow {
	-webkit-box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.30);
	-moz-box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.30);
	box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.30);
}
.button-small {
	height: 30px;
	padding: 0 10px;
	line-height: 30px;
	font-weight: 600;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.button-text-shadow {
	text-shadow: 0 0 2px #000;
}