.et_pb_button.outline-fx-1,
.et_pb_button.outline-fx-2,
.et_pb_button.outline-fx-3 {
	border: none !important;
}
.outline-fx-1 .btn_container:before,
.outline-fx-1 .btn_container:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 10%;
	border: 1px solid;
	-webkit-transition: width .5s ease-in-out;
	-moz-transition: width .5s ease-in-out;
	transition: width .5s ease-in-out;
}
.outline-fx-1 .btn_container:before {
	left: -1px;
	border-right: none;
}
.outline-fx-1 .btn_container:after {
	right: -1px;
	border-left: none;
}
.outline-fx-1:hover .btn_container:before,
.outline-fx-1:hover .btn_container:after {
	width: 100%;
}

/* Outline 2 */
.outline-fx-2 .btn_container:before,
.outline-fx-2 .btn_container:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	border-left: 1px solid;
	-webkit-transition: left .5s ease-in-out;
	-moz-transition: left .5s ease-in-out;
	transition: left .5s ease-in-out;
}
.outline-fx-2 .btn_container:before {
	left: 0px;
}
.outline-fx-2 .btn_container:after {
	left: 100%;
}
.outline-fx-2:hover .btn_container:before {
	left: 100%;
}
.outline-fx-2:hover .btn_container:after {
	left: 0px;
}

/* Outline 3 */
.outline-fx-3 .btn_container:before,
.outline-fx-3 .btn_container:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 10%;
	border: 1px solid;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
.outline-fx-3 .btn_container:before {
	left: 10px;
	border-right: none;
}
.outline-fx-3 .btn_container:after {
	right: 10px;
	border-left: none;
}
.outline-fx-3:hover .btn_container:before {
	left: -1px;
}
.outline-fx-3:hover .btn_container:after {
	right: -1px;
}
.outline-fx-3:hover .btn_container:before,
.outline-fx-3:hover .btn_container:after {
	opacity: 1;
}