/* default button */
.button {
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	color: #FFFFFF;
	padding: 16px 24px 13px;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Antic Slab', 'Yantramanav';
	display: inline-block;
	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;
	overflow: hidden;
	background-color: #b02420;
	transition: background-color .25s, color .25s;
	-webkit-transition: background-color .25s, color .25s;
	-moz-transition: background-color .25s, color .25s;
}
.button:hover { text-decoration: none; background-color: #8a2320; }

/* different colors */
.button.white { background-color: #FFFFFF; color: #000000; }
.button.white:hover { background-color: #000000; color: #FFFFFF; }
.button.blue { background-color: #06a7e2; }
.button.orange { background-color: #e9511c; }
.button.trans {
	background-color: transparent;
	border: 2px solid #b02420;
	color: #000000;
}
.button.trans:hover {
	background-color: #b02420;
	color: #FFFFFF;
}
.button.trans-white {
	background-color: transparent;
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
}
.button.trans-white:after {
	content: '\f178';
	margin-left: 5px;
}
.button.trans-white:hover {
	background-color: #FFFFFF;
	color: #000000;
}

/* special buttons */
.button.route {
	background-color: #FFFFFF;
	color: #000000;
	padding: 14px 25px 14px 20px;
	border: 1px solid #FFFFFF;
}
.button.route:before {
	content: '\f041';
	font-size: 10px;
	vertical-align: 1px;
	margin-right: 10px;
}
.button.route:hover {
	background-color: #b02420;
	color: #FFFFFF;
}
.button.invoice:after {
	content: '\f0f6';
	margin-left: 15px;
}

/* 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;
}