.cp_button1 {
	display: inline-block;
	width: 123px;
	padding: 0.7em 0.5em;
	line-height: 1.4;
	cursor: pointer;
	user-select: none;
	transition: transform 0.2s, background-color 0.2s;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	color: #000;
	border: 0;
	border-radius: 5px;
	background: #F8C2D0;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	font-weight: bold;
	font-size: .9em;
}

.cp_button1:hover {
	-webkit-animation: button14 1s ease-in-out;
	        animation: button14 1s ease-in-out;
	color: #ffa500;
}
.cp_button1:active {
	-webkit-transform: translate(2px, 2px);
	        transform: translate(2px, 2px);
	background-color: #00acc1;
}
.cp_button1:focus {
	color: #ffa500;
}
@-webkit-keyframes button1 {
	16.65% {
		-webkit-transform: translateX(8px);
		        transform: translateX(8px);
	}
	33.3% {
		-webkit-transform: translateX(-6px);
		        transform: translateX(-6px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		        transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		        transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		        transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}
@keyframes button1 {
	16.65% {
		-webkit-transform: translateX(8px);
		        transform: translateX(8px);
	}
	33.3% {
		-webkit-transform: translateX(-6px);
		        transform: translateX(-6px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		        transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		        transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		        transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}

.cp_button2 {
	display: inline-block;
	width: 123px;
	padding: 0.7em 0.5em;
	/* margin-bottom: 10px; */
	line-height: 1.4;
	cursor: pointer;
	user-select: none;
	transition: transform 0.2s, background-color 0.2s;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	color: #fff;
	border: 0;
	border-radius: 5px;
	background: #23A7C1;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	font-weight: bold;
	font-size: .9em;
}

.cp_button2:hover {
	-webkit-animation: button14 1s ease-in-out;
	        animation: button14 1s ease-in-out;
	color: #ffa500;
}
.cp_button2:active {
	-webkit-transform: translate(2px, 2px);
	        transform: translate(2px, 2px);
	background-color: #00acc1;
}
.cp_button2:focus {
	color: #ffa500;
}
@-webkit-keyframes button2 {
	16.65% {
		-webkit-transform: translateX(8px);
		        transform: translateX(8px);
	}
	33.3% {
		-webkit-transform: translateX(-6px);
		        transform: translateX(-6px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		        transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		        transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		        transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}
@keyframes button2 {
	16.65% {
		-webkit-transform: translateX(8px);
		        transform: translateX(8px);
	}
	33.3% {
		-webkit-transform: translateX(-6px);
		        transform: translateX(-6px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		        transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		        transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		        transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}


.cp_button3 {
	display: inline-block;
	width: auto;
	padding: 0.7em;
	line-height: 1.4;
	cursor: pointer;
	user-select: none;
	transition: transform 0.2s, background-color 0.2s;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	color: #000;
	border: 0;
	border-radius: 50px;
	background: #F8C2D0;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	font-weight: bold;
	font-size: 1.4em;
}

.cp_button3:hover {
	-webkit-animation: button14 1s ease-in-out;
	        animation: button14 1s ease-in-out;
	color: #ffa500;
}
.cp_button3:active {
	-webkit-transform: translate(2px, 2px);
	        transform: translate(2px, 2px);
	background-color: #00acc1;
}
.cp_button3:focus {
	color: #ffa500;
}
@-webkit-keyframes button3 {
	16.65% {
		-webkit-transform: translateX(8px);
		        transform: translateX(8px);
	}
	33.3% {
		-webkit-transform: translateX(-6px);
		        transform: translateX(-6px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		        transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		        transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		        transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}
@keyframes button3 {
	16.65% {
		-webkit-transform: translateX(8px);
		        transform: translateX(8px);
	}
	33.3% {
		-webkit-transform: translateX(-6px);
		        transform: translateX(-6px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		        transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		        transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		        transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}

.cp_button4 {
	display: inline-block;
	width: 123px;
	padding: 0.7em 0.5em;
	/* margin-bottom: 10px; */
	line-height: 1.4;
	cursor: pointer;
	user-select: none;
	transition: transform 0.2s, background-color 0.2s;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	border: 0;
	border-radius: 5px;
	background: #FFE293;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	font-weight: bold;
	font-size: .9em;
}

.cp_button4:hover {
	-webkit-animation: button14 1s ease-in-out;
	        animation: button14 1s ease-in-out;
	color: #ffa500;
}
.cp_button4:active {
	-webkit-transform: translate(2px, 2px);
	        transform: translate(2px, 2px);
	background-color: #00acc1;
}
.cp_button4:focus {
	color: #ffa500;
}
@-webkit-keyframes button2 {
	16.65% {
		-webkit-transform: translateX(8px);
		        transform: translateX(8px);
	}
	33.3% {
		-webkit-transform: translateX(-6px);
		        transform: translateX(-6px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		        transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		        transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		        transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}
@keyframes button4 {
	16.65% {
		-webkit-transform: translateX(8px);
		        transform: translateX(8px);
	}
	33.3% {
		-webkit-transform: translateX(-6px);
		        transform: translateX(-6px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		        transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		        transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		        transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}