/* ================================== */
/* RadiantThemes Theme Button CSS */
/* TABLE OF INDEX */
/* ================================== */
/* ==================================
# Main CSS
	## Hover Style One
	## Hover Style Two
	## Hover Style Three
	## Hover Style Four
	## Hover Style Five
	## Hover Style Six
	## Hover Style Seven
================================== */

/* ==================================
# Main CSS
================================== */

.radiantthemes-button{
	width:100%;
}

.radiantthemes-button[data-button-direction=left]{
	text-align:left;
}

.radiantthemes-button[data-button-direction=center]{
	text-align:center;
}

.radiantthemes-button[data-button-direction=right]{
	text-align:right;
}

.radiantthemes-button .radiantthemes-button-main{
	position:relative;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	transition:all 0.3s ease-in-out !important;
	-webkit-transition:all 0.3s ease-in-out !important;
}

.radiantthemes-button[data-button-fullwidth=true] .radiantthemes-button-main{
	width:100%;
}

.radiantthemes-button[class*='hover-style-'] .radiantthemes-button-main > .overlay{
	position:absolute;
	z-index:0;
	content:" ";
}

.radiantthemes-button .radiantthemes-button-main > .placeholder{
	position:relative;
}

.radiantthemes-button .radiantthemes-button-main i{
	transition:margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
	-webkit-transition:margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.radiantthemes-button[data-button-icon-position=left] .radiantthemes-button-main i{
	margin-right:10px;
}

.radiantthemes-button[data-button-icon-position=right] .radiantthemes-button-main i{
	margin-left:10px;
}

/* ==================================
## Hover Style One
================================== */

/* ==================================
## Hover Style Two
================================== */

.radiantthemes-button.hover-style-two .radiantthemes-button-main{
	overflow:hidden;
}

.radiantthemes-button.hover-style-two .radiantthemes-button-main > .overlay{
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:0;
	border-radius:inherit;
	transition:width 0.3s ease-in-out;
	-webkit-transition:width 0.3s ease-in-out;
}

.radiantthemes-button.hover-style-two .radiantthemes-button-main:hover > .overlay{
	width:100%;
}

/* ==================================
## Hover Style Three
================================== */

.radiantthemes-button.hover-style-three .radiantthemes-button-main > .overlay{
	top:0;
	right:0;
	bottom:0;
	left:0;
	border-radius:inherit;
	opacity:0;
	visibility:hidden;
	transform:scale(0);
	-webkit-transform:scale(0);
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.radiantthemes-button.hover-style-three .radiantthemes-button-main:hover > .overlay{
	opacity:1;
	visibility:visible;
	transform:scale(1);
	-webkit-transform:scale(1);
}

/* ==================================
## Hover Style Four
================================== */

.radiantthemes-button.hover-style-four .radiantthemes-button-main i{
	opacity:0;
	visibility:hidden;
}

.radiantthemes-button.hover-style-four .radiantthemes-button-main:hover i{
	opacity:1;
	visibility:visible;
}

.radiantthemes-button[data-button-icon-position=left].hover-style-four .radiantthemes-button-main i{
	margin-right:-3px;
}

.radiantthemes-button[data-button-icon-position=left].hover-style-four .radiantthemes-button-main:hover i{
	margin-right:10px;
}

.radiantthemes-button[data-button-icon-position=right].hover-style-four .radiantthemes-button-main i{
	margin-left:-3px;
}

.radiantthemes-button[data-button-icon-position=right].hover-style-four .radiantthemes-button-main:hover i{
	margin-left:10px;
}

/* ==================================
## Hover Style Five
================================== */

.radiantthemes-button.hover-style-five .radiantthemes-button-main{

	&:hover{
		box-shadow:0px 8px 25px rgba(0,0,0,0.25);
		transform:translateY(-5px);
		-webkit-transform:translateY(-5px);
	}

}

/* ==================================
## Hover Style Six
================================== */

.radiantthemes-button.hover-style-six .radiantthemes-button-main{
	backface-visibility:hidden;

	&:hover{
		animation-name:ButtonHoverSixHorizontalShake;
		animation-duration:1s;
		animation-timing-function:ease-in-out;
		animation-iteration-count:1;
	}

}

@keyframes ButtonHoverSixHorizontalShake{

	16.65%{
		transform:translateX(8px);
	}

	33.3%{
		transform:translateX(-6px);
	}

	49.95%{
		transform:translateX(4px);
	}

	66.6%{
		transform:translateX(-2px);
	}

	83.25%{
		transform:translateX(1px);
	}

	100%{
		transform:translateX(0);
	}

}

/* ==================================
## Hover Style Seven
================================== */

.radiantthemes-button.hover-style-seven .radiantthemes-button-main{
	backface-visibility:hidden;

	&:hover{
		box-shadow:0 10px 10px -10px rgba(0,0,0,0.5);
		transform:scale(1.1);
		-webkit-transform:scale(1.1);

	}

}