.block_button .btn.runtime.hov1:hover {
	animation: bounce 1s;
}

.block_button .btn.runtime.hov2:hover {
	animation: flash 1s;
}

.block_button .btn.runtime.hov3:hover {
	animation: fadeoutin 1s;
}

.block_button .btn.runtime.noicon:after {
	content: "";
}

.block_button .btn.runtime.icon1:after {
	content: "\f101" !important;
}

.block_button .btn.runtime.icon2:after {
	content: "\f30b" !important;
}

.block_button .btn.runtime.icon3:after {
	content: "\f35a" !important;
}

.block_button .btn.runtime.icon4:after {
	content: "\f138" !important;
}

.block_button .btn.runtime.icon5:after {
	content: "\f0da" !important;
}

.block_button .btn.runtime.icon6:after {
	content: "\f00c" !important;
}

.block_button .btn.runtime {
	color: var(--button-color) !important;
	background-color: var(--button-bgcolor) !important;
	font-family: var(--button-font) !important;
	font-size: var(--button-size) !important;
}

.block_button .btn {
	border-radius: 5px;
}

.block_button .btn.sharp {
	border-radius: 0px;
}

.block_button .btn.round {
	border-radius: 24px;
}

.block_button .btn.runtime:hover {
	opacity: 0.8 !important;
}

.block_button .btn.runtime.outline {
	background-color: transparent !important;
	border: 2px solid var(--button-bgcolor) !important;
}

.block_button .btn.runtime.shadow {
	box-shadow: 3px 3px 0 0 var(--button-bgtintcolor) !important;
}

.block_button .btn.runtime.raised {
	box-shadow: 0 3px 0 0 var(--button-bgtintcolor) !important;
}

@keyframes flash {
	0% {
		opacity: .4;
	}

	100% {
		opacity: 1;
	}
}

@keyframes bounce {

	0%,
	20%,
	60%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}

	80% {
		-webkit-transform: translateY(8px);
		transform: translateY(3px);
	}
}

@keyframes fadeoutin {
	0% {
		opacity: .5;
		color: var(--button-bgcolor) !important;
	}

	40% {
		opacity: 1;
		color: rgba(255, 255, 255, .2);
	}
}