.magicButton
{
	color:#ffffff;
	cursor:pointer;
	height:58px;
	line-height:58px;
	position:relative;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	text-align:center;
	width:100%;
}

.magicButton .divMagicButtonLabel
{
	color:#ffffff;
	font-size:16px;
	font-weight:700;
	text-shadow:0px 0px 5px #e600ff;
	transition:color 0.25s, text-shadow 0.25s;
	white-space:nowrap;
}

.magicButton.blue .divMagicButtonLabel
{
	text-shadow:0px 0px 5px #01eff9;
}

.magicButton:hover .divMagicButtonLabel, .magicButton:focus .divMagicButtonLabel
{
	text-shadow:0px 0px 5px #01eff9;
}

.magicButton.blue:hover .divMagicButtonLabel, .magicButton.blue:focus .divMagicButtonLabel
{
	text-shadow:0px 0px 5px #e600ff;
}

.magicButton .divButtonBorder
{
	height:100%;
	left:0px;
	position:absolute;
	top:0px;
	width:100%;
}

.magicButton .svgBorder
{
	fill:none;
	filter:drop-shadow(0px 0px 5px #e600ff) drop-shadow(0px 0px 10px #e600ff);
	height:100%;
	left:0px;
	position:absolute;
	stroke:#ffffff;
	stroke-width:4px;
	top:0px;
	transition:filter 0.25s, stroke 0.25s;
	width:100%;
}

.magicButton.blue .svgBorder
{
	filter:drop-shadow(0px 0px 5px #01eff9) drop-shadow(0px 0px 10px #01eff9);
	transform:rotate(180deg);
}

.magicButton.blue:hover .svgBorder, .magicButton.blue:focus .svgBorder
{
	filter:drop-shadow(0px 0px 5px #e600ff) drop-shadow(0px 0px 10px #e600ff);
}

.magicButton .svgBorder:hover, .magicButton .svgBorder:focus
{
	filter:drop-shadow(0px 0px 5px #01eff9) drop-shadow(0px 0px 10px #01eff9);
}