/* ================================== */

/* RadiantThemes Custom Button CSS */

/* TABLE OF INDEX */

/* ================================== */

/* ==================================

# Main CSS

	## Hover Style One

	## Hover Style Two

	## Hover Style Three

	## Hover Style Four

================================== */



/* ==================================

# Main CSS

================================== */



.radiantthemes-custom-button{

	width:100%;

}



.radiantthemes-custom-button[data-button-direction=left]{

	text-align:left;

}



.radiantthemes-custom-button[data-button-direction=center]{

	text-align:center;

}



.radiantthemes-custom-button[data-button-direction=right]{

	text-align:right;

}



.radiantthemes-custom-button .radiantthemes-custom-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-custom-button[data-button-fullwidth=true] .radiantthemes-custom-button-main{

	width:100%;

}



.radiantthemes-custom-button[class*='hover-style-'] .radiantthemes-custom-button-main > .overlay{

	position:absolute;

	z-index:0;

	content:" ";

}



.radiantthemes-custom-button .radiantthemes-custom-button-main > .placeholder{

	position:relative;

}



.radiantthemes-custom-button .radiantthemes-custom-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-custom-button[data-button-icon-position=left] .radiantthemes-custom-button-main i{

	margin-right:10px;

}



.radiantthemes-custom-button[data-button-icon-position=right] .radiantthemes-custom-button-main i{

	margin-left:10px;

}



/* ==================================

# Hover Style One

================================== */



/* ==================================

# Hover Style Two

================================== */



.radiantthemes-custom-button.hover-style-two .radiantthemes-custom-button-main{

	overflow:hidden;

}



.radiantthemes-custom-button.hover-style-two .radiantthemes-custom-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-custom-button.hover-style-two .radiantthemes-custom-button-main:hover > .overlay{

	width:100%;

}



/* ==================================

# Hover Style Three

================================== */



.radiantthemes-custom-button.hover-style-three .radiantthemes-custom-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-custom-button.hover-style-three .radiantthemes-custom-button-main:hover > .overlay{

	opacity:1;

	visibility:visible;

	transform:scale(1);

	-webkit-transform:scale(1);

}



/* ==================================

# Hover Style Four

================================== */



.radiantthemes-custom-button.hover-style-four .radiantthemes-custom-button-main i{

	opacity:0;

	visibility:hidden;

}



.radiantthemes-custom-button.hover-style-four .radiantthemes-custom-button-main:hover i{

	opacity:1;

	visibility:visible;

}



.radiantthemes-custom-button[data-button-icon-position=left].hover-style-four .radiantthemes-custom-button-main i{

	margin-right:-3px;

}



.radiantthemes-custom-button[data-button-icon-position=left].hover-style-four .radiantthemes-custom-button-main:hover i{

	margin-right:10px;

}



.radiantthemes-custom-button[data-button-icon-position=right].hover-style-four .radiantthemes-custom-button-main i{

	margin-left:-3px;

}



.radiantthemes-custom-button[data-button-icon-position=right].hover-style-four .radiantthemes-custom-button-main:hover i{

	margin-left:10px;

}