.energy {
	border: 2px solid rgba(0, 0, 0, 0.25);
	border-radius: 4px;
	box-shadow: inset 0px 0px 24px 0px #cc9900;
	font-weight: bold;
	text-shadow: 0px 0px 3px #cccc00, 0px 0px 6px #cccc00;
	color: #ffff00;
	animation: energy 4s linear infinite;
	transition-duration: 0.2s;
}
.energy:hover {
	border-color: rgba(255, 255, 255, 0.25);
	box-shadow: inset 0px 0px 24px 0px #ffff00;
	color: black;
	cursor: pointer
}
@keyframes energy { 
	0%{
		background-color: #999900;
	}
	50% {
		background-color: #cccc00;
	}
	100%{
		background-color: #999900;
	}
}

.transcend {
	background: black;
	border: 2px solid #00007f;
	border-radius: 4px;
	box-shadow: inset 0px 0px 24px 0px #00007f;
	font-weight: bold;
	text-shadow: 0px 0px 3px #7f0000, 0px 0px 6px #7f0000;
	color: #bf0000;
	transition-duration: 0.2s;
}
.transcend:hover {
	background: #ff0000;
	box-shadow: inset 0px 0px 24px 0px #0000ff;
	border-color: #0000ff;
	color: #ff7f7f;
	cursor: pointer
}

.cosmic {
	background: #1f3f3f;
	border: 2px solid #5fbfbf;
	border-radius: 4px;
	box-shadow: inset 0px 0px 24px 0px #3f7f7f, 0px 0px 0px 0px #3f7f7f;
	font-weight: bold;
	text-shadow: 0px 0px 3px #5fbfbf, 0px 0px 6px black;
	color: #5fbfbf;
	transition-duration: 0.2s;
}
.cosmic:hover {
	border-color: #8fbfbf;
	color: #8fbfbf;
	box-shadow: inset 0px 0px 24px 0px #3f7f7f, 0px 0px 12px 0px #8fbfbf;
	text-shadow: 0px 0px 12px #7fbfbf, 0px 0px 6px white;
	cursor: pointer
}

.radiant {
	background: linear-gradient(90deg, #3fff00, #7fff00 50%, #3fff00 100%);
	background-size: 200%;
	border: 2px solid;
	border-radius: 4px;
	font-weight: bold;
	text-shadow: 0px 0px 3px #5fff00, 0px 0px 6px #2f7f00;
	color: #d7ffbf;
	transition-duration: 0.2s;
	animation: radiant 4s ease-in-out infinite;
	cursor: pointer
}
.radiant:hover {
	box-shadow: inset 0px 0px 6px #afff7f, 0px 0px 6px #5fff00;
	text-shadow: 0px 0px 3px #afff7f, 0px 0px 6px #5fff00
}
@keyframes radiant {
	0% {
		background-position: 0% 0%;
		border-color: rgba(0, 0, 0, 0.25)
	}
	50% {
		background-position: 100% 0%;
		border-color: rgba(63, 127, 0, 0.25)
	}
	100% {
		background-position: 0% 0%;
		border-color: rgba(0, 0, 0, 0.25)
	}
}

.omnisity {
	background: radial-gradient(#cfffbf, transparent), linear-gradient(90deg, #ffdf00, #00dfff, #ffdf00);
	background-size: 200%;
	border: 2px solid rgba(0, 0, 0, 0.125);
	border-radius: 4px;
	color: #cfffbf;
	text-shadow: 0px 0px 3px #9fff7f, 0px -6px 6px #3fff00, 0px 6px 6px #3fff00;
	font-family: Typewriter;
	font-weight: bold;
	transition-duration: 0.2s;
	animation: omnisity 4s ease-in-out infinite;
}
.omnisity:hover {
	border: 2px solid rgba(255, 255, 255, 0.25);
	text-shadow: 0px 0px 3px #cfffbf, 0px -6px 12px #3fff00, 0px 6px 12px #3fff00;
	cursor: pointer
}
@keyframes omnisity {
	0% {
		background-position: 0% 0%;
		color: #cfffbf;
		box-shadow: inset 0px 0px 0px white
	}
	50% {
		background-position: 100% 0%;
		color: #2fbf00;
		box-shadow: inset 0px 0px 12px #9fff7f
	}
	100% {
		background-position: 200% 0%;
		color: #cfffbf;
		box-shadow: inset 0px 0px 0px white
	}
}

/* https://github.com/ItMarki/ng-plus-3-prestige-buttons/blob/nonexistent-layers/a.css */
.metaize {
	color: #000000;
	background: radial-gradient(#727272, #BFBFBF);
	font-weight: bold;
	border: 2px solid #BFBFBF;
	border-radius: 4px;
	font-family: Typewriter;
	font-weight: bold;
	transition-duration: 0.2s;
	cursor: pointer;
}
.metaize:hover {
	color: #FFFFFF;
	background: radial-gradient(#727272, #BFBFBF);
}

.thepogity {
	background: linear-gradient(90deg, #bf7fff, transparent, #bf7fff), radial-gradient(#ff7fff, #df7fff, #000000);
	border: 2px solid rgba(95, 0, 127, 0.25);
	border-radius: 4px;
	box-shadow: inset 0px 0px 12px 0px #bf00ff;
	color: #2f003f;
	text-shadow: 0px 0px 6px #5f007f, 0px 0px 12px #bf00ff;
	font-family: Typewriter;
	font-weight: bold;
	transition-duration: 0.2s;
	cursor: pointer
}
.thepogity:hover {
	border-color: rgba(63, 0, 127, 0.25);
	box-shadow: inset 0px 0px 12px 0px #7f00ff;
	color: #df7fff;
	text-shadow: 0px 0px 6px #000000, 0px 0px 12px #000000
}

.aarex {
	background: linear-gradient(#dffbff, transparent, #dffbff), linear-gradient(90deg, #ffdf00, #00bfff, #00dfff);
	border: 2px solid rgba(0, 0, 0, 0.125);
	background-size: 150% 10%;
	background-position: 25% 0%;
	color: #dffbff;
	text-shadow: 0 0 3px #006f7f;
	font-family: Typewriter;
	font-weight: bold;
	border-radius: 4px;
	transition-duration: 0.2s;
	animation: aarex 4s linear infinite;
}
.aarex:hover {
	border-color: #00dfff;
	box-shadow: inset 0px 0px 36px #00dfff;
	color: #00bfff;
	text-shadow: 0 0 3px #00bfff;
	cursor: pointer;
}
@keyframes aarex {
	0% {
		background-position: 25% 0%;
	}
	10% {
		background-position: 25% 100%;
	}
}

.nil {
	background: black;
	border: 2px solid black;
	border-radius: 4px;
	color: black;
	transition-duration: 0.2s;
	animation: nil 4s linear infinite;
}
.nil:hover {
	background: grey;
	border-color: grey;
	color: white;
	cursor: pointer;
}
@keyframes nil {
	0% {
		text-shadow: 0 2px 0 #fff, 0 0 0 #fff;
	}
	50% {
		text-shadow: 0 0 0 #fff, 0 -2px 0 #fff;
	}
	100% {
		text-shadow: 0 2px 0 #fff, 0 0 0 #fff;
	}
}