/* default button */
.button {
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	color: #FFFFFF;
	padding: 16px 24px 13px;
	font-size: 13px;
	font-weight: 400;
	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;
	background-color: #9c8cc2;
	overflow: hidden;
	transition: background-color .2s;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
}
.button:hover { text-decoration: none; background-color: #adb05a; }

/* different colors */
.button.blue { background-color: #06a7e2; }
.button.orange { background-color: #e9511c; }

/* special buttons */
.button.euro:before {
	content: '\f153';
	margin-right: 10px;
	font-size: 15px;
	vertical-align: -1px;
}
.button.arrow:after {
	content: '\f178';
	margin-left: 10px;
	font-size: 15px;
	vertical-align: -1px;
}

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