@charset "UTF-8";


/* ------------------------------------- Button */

.button {
	padding: 10px 40px;
	transition: all 0.3s;
	font-style: italic;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 18px;
	border: 0px;

}

.button:hover {
	opacity: 0.9;
	transition: all 0.3s;
	
}


/* ------------------------------------- Hover effects */

/* HoverScaleButton */
.hoverScaleButton {
	cursor: pointer;
	-webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all 0.3s;
}
.hoverScaleButton:hover {
	-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.3s;
}

/* HoverRightButton */
.hoverRightButton {
	cursor: pointer;
	-webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all 0.3s;
    cursor: pointer;
}
.hoverRightButton:hover {
	-webkit-transform: translate(20px,0px);
    -ms-transform: translate(20px,0px);
    transform: translate(20px,0px);
    transition: all 0.3s;
}

/* HoverLeftButton */
.hoverLeftButton {
	cursor: pointer;
	-webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all 0.3s;
}
.hoverLeftButton:hover {
	-webkit-transform: translate(-20px,0px);
    -ms-transform: translate(-20px,0px);
    transform: translate(-20px,0px);
    transition: all 0.3s;
}