/* default button */
.button {
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	color: #FFFFFF;
	padding: 9px 25px 7px 21px;
	font-size: 13px;
	font-weight: 400;
	display: inline-block;
	background-color: #be0d0c;
	text-transform: uppercase;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	will-change: opacity, transform;
	position: relative;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, .27);
	border: 1px solid #FFFFFF;
	overflow: hidden;
	transition: background-color .2s;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
}
.button:after {
	content: '\f178';
	margin-left: 15px;
}
.button:hover { text-decoration: none; background-color: #970807; }

/* different colors */
.button.black { background-color: #242424; }
.button.green { background-color: #0e9200; }
.button.blue { background-color: #06a7e2; }

.button.black:hover { background-color: #d10606; }
.button.blue:hover { background-color: #06a7e2; }
.button.green:hover { background-color: #287120; }

/* shadow */
.button.shadow {
	border: 0px;
	box-shadow: inset 0px -5px 0px rgba(0, 0, 0, .1);
	font-size: 15px;
	padding: 14px 32px 16px 32px;
}

/* special buttons */
.button.back:after { content: none; }
.button.back:before { content: '\f177'; margin-right: 15px; }
.button.download {}

/* ripple effect */
.button .waves-ripple {
	position: absolute;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	opacity: 0;
	background-color: rgba(255, 255, 255, 0.45);
	transition: all 0.35s ease-out;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-transform: scale(0);
	transform: scale(0);
	pointer-events: none;
}