/*
Link Designer Lite - Free Link Designer Plugin for WordPress 
Version 1.0.0 
3/27/2018
*/



.edld-link-wrapper {
	display: inline-block;
}

.edld-link-wrapper a {
	position: relative;
	display: block;
	/*margin: 15px 25px;*/
	outline: none;
	color: #404040;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 16px;
	display: inline-block;
}

.edld-link-wrapper a:hover {
	color: #404040;
}

/*button 1 starts here*/

/*.edld-link-wrapper.edld_label_template_1 {
	background-color: #435a6b;
}*/

.edld-link-wrapper.edld_label_template_1 a:before,
.edld-link-wrapper.edld_label_template_1 a:after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.edld-link-wrapper.edld_label_template_1 a:before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}
.edld-link-wrapper.edld_label_template_1 a:after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.edld-link-wrapper.edld_label_template_1 a:hover:before,
.edld-link-wrapper.edld_label_template_1 a:hover:after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}
/*button 1 ends here*/



/*button 2 starts here*/

/*.edld-link-wrapper.edld_label_template_2 {
	background-color: #3fa46a;
}*/

.edld-link-wrapper.edld_label_template_2 a:after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.edld-link-wrapper.edld_label_template_2 a:hover:after {
	height: 5px;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/*button 2 ends here*/




/*button 3 starts here*/

/*.edld-link-wrapper.edld_label_template_3 {
	background-color: #cd4436;
}*/

.edld-link-wrapper.edld_label_template_3 a {
	overflow: hidden;
}

.edld-link-wrapper.edld_label_template_3 a span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.edld-link-wrapper.edld_label_template_3 a span:before{
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 700;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	width: max-content;
}

.edld-link-wrapper.edld_label_template_3 a:hover span{
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}
/*button 3 ends here*/



/*button 4 start here*/

/*.edld-link-wrapper.edld_label_template_4 {
	background-color: #0E83CD;
	padding: 10px;
}*/

.edld-link-wrapper.edld_label_template_4 a{
	margin: 0 10px;
	padding: 10px 20px;
}

.edld-link-wrapper.edld_label_template_4 a:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	-webkit-transition: top 0.3s;
	-moz-transition: top 0.3s;
	transition: top 0.3s;
}

.edld-link-wrapper.edld_label_template_4 a:after{
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 2px;
	background: #fff;
	content: '';
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}

.edld-link-wrapper.edld_label_template_4 a:hover:before{
	top: 95%;
	opacity: 1;
}

.edld-link-wrapper.edld_label_template_4 a:hover:after{
	height: calc(100% - 2px);
}
/*button 4 ends here*/

/*button 5 starts here*/

/*.edld-link-wrapper.edld_label_template_5{
	background-color: #ECF0F1;
}*/

.edld-link-wrapper.edld_label_template_5 a{
	padding: 12px 10px 10px;
	color: #566473;
	text-shadow: none;
	font-weight: 700;
}

.edld-link-wrapper.edld_label_template_5 a:before,
.edld-link-wrapper.edld_label_template_5 a:after {

	position: absolute;
	top: 95%;
	left: 0;
	width: 100%;
	height: 3px;
	background: #566473;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	transform: scale(0.85);
}

.edld-link-wrapper.edld_label_template_5 a:after {
	opacity: 0;
	-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: top 0.3s, opacity 0.3s, transform 0.3s;
}

.edld-link-wrapper.edld_label_template_5 a:hover:after {
	top: 0%;
	opacity: 1;
}

.edld-link-wrapper.edld_label_template_5 a:hover:before,
.edld-link-wrapper.edld_label_template_5 a:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}
/*button 5 ends here*/



/*button 6 starts here*/

/*.edld-link-wrapper.edld_label_template_6 {
	background-color: #16a085;
}*/

.edld-link-wrapper.edld_label_template_6 a {
	overflow: hidden;
	background-color: rgba(0,0,0,.3);
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.edld-link-wrapper.edld_label_template_6 a span:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: #fff;
	color: #0f7c67;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translateX(-100%);
	padding: 10px 20px;
}

.edld-link-wrapper.edld_label_template_6 a span{
	display: block;
	padding: 10px 20px;
	background: #0f7c67;
	-webkit-transition: -webkit-transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
	transition: transform 0.5s;
	text-shadow: none;
	color: #fff;
}

.edld-link-wrapper.edld_label_template_6 a:hover span{
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}

.edld-link-wrapper.edld_label_template_6 a:hover span:before {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
	z-index: 0;
	color: #0f7c67;
}

/*button 6 ends here*/

/*button 7 starts here*/

/*.edld-link-wrapper.edld_label_template_7 {
	background-color: #f19f0f;
	padding: 20px;
}*/

.edld-link-wrapper.edld_label_template_7 a {
	padding: 0 5px;
	color: rgba(0,0,0,.45);
	font-weight: 700;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
	z-index: 1;
	text-shadow: none;
}

.edld-link-wrapper.edld_label_template_7 a:before,
.edld-link-wrapper.edld_label_template_7 a:after {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	height: 2px;
	margin-top: -1px;
	background: rgba(0,0,0,.3);
	content: '';
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
	z-index: -1;
}

.edld-link-wrapper.edld_label_template_7 a:before{
	-webkit-transform: translateY(-21px);
	-moz-transform: translateY(-21px);
	transform: translateY(-21px);
}

.edld-link-wrapper.edld_label_template_7 a:after{
	-webkit-transform: translateY(19px);
	-moz-transform: translateY(19px);
	transform: translateY(19px);
}

.edld-link-wrapper.edld_label_template_7 a:hover {
	color: #404040;
}

.edld-link-wrapper.edld_label_template_7 a:hover:before{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.edld-link-wrapper.edld_label_template_7 a:hover:after{
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*button 7 ends here*/

/*button 8 starts here*/

/*.edld-link-wrapper.edld_label_template_8 {
	background: #3fa46a;
}*/

.edld-link-wrapper.edld_label_template_8 a {
	color: rgba(0,0,0,.4);
	font-weight: 700;
	text-shadow: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
	padding: 10px 0 8px;
}

.edld-link-wrapper.edld_label_template_8 a:hover {
	color: rgba(0,0,0,.7);
}

.edld-link-wrapper.edld_label_template_8 a:before,
.edld-link-wrapper.edld_label_template_8 a:after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.edld-link-wrapper.edld_label_template_8 a:before{
	top: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.edld-link-wrapper.edld_label_template_8 a:after{
	bottom: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.edld-link-wrapper.edld_label_template_8 a:hover:before,
.edld-link-wrapper.edld_label_template_8 a:hover:after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/*button 8 ends here*/

/*button 9 startas here*/
/*.edld-link-wrapper.edld_label_template_9 {
	background: #0e83cd;
}
*/
.edld-link-wrapper.edld_label_template_9 a {
	text-shadow: none;
	padding: 20px 40px 18px;
	font-weight: 700;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border: 3px solid #fff;
	font-size: 16px;
	overflow: hidden;
	z-index: 1;
	background-color: #0E83CD;
	color: #fff;
}

.edld-link-wrapper.edld_label_template_9 a:after {
	content: '';
	position: absolute;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	width: 100%;
	height: 0;
	top: 50%;
	left: 50%;
	z-index: -1;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	
}

.edld-link-wrapper.edld_label_template_9 a:hover {
	color: #0e83cd;
}

.edld-link-wrapper.edld_label_template_9 a:hover:after {
	height: 260%;
	opacity: 1;
}

.edld-link-wrapper.edld_label_template_9 a:active:after {
	height: 400%;
	opacity: 1;
}

/*button 9 ends here*/

/*button 10 starts here*/

/*.edld-link-wrapper.edld_label_template_10 {
	background-color: #f06060;
}*/

.edld-link-wrapper.edld_label_template_10 a {
	text-shadow: none;
	padding: 20px 40px 18px;
	font-weight: 700;
	background-color: rgba(0,0,0,.2);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 6px rgba(0,0,0,.4);
	font-size: 16px;
}

.edld-link-wrapper.edld_label_template_10 a:hover {
	box-shadow: 0 4px rgba(0,0,0,.4);
	top: 2px;
}

.edld-link-wrapper.edld_label_template_10 a:active {
	box-shadow: 0 0 #ab3c3c;
	top: 6px;
}

/*button 10 ends here*/


/*button 11 starts here*/
/*
.edld-link-wrapper.edld_label_template_11 {
	background: #4593e3;
}*/

.edld-link-wrapper.edld_label_template_11 a {
	padding: 20px 40px 18px;
	font-weight: 700;
	font-size: 16px;
	-webkit-border-radius: 60px;
	border-radius: 60px;
	border: 4px solid transparent;
	background-color: rgba(0,0,0,.3);
	text-shadow: none;
	-webkit-transition: linear .2s;
	-moz-transition: linear .2s;
	-ms-transition: linear .2s;
	-o-transition: linear .2s;
	transition: linear .2s;
}

.edld-link-wrapper.edld_label_template_11 a:hover {
	background-color: transparent;
	border: 4px solid rgba(0,0,0,.2);
	color: rgba(0,0,0,.3);
}

.edld-link-wrapper.edld_label_template_11 a:active {
	top: 2px;
}
/*button 11 ends here*/

/*button 12 starts here*/

/*.edld-link-wrapper.edld_label_template_12 {
	background: #2ecc71;
}*/

.edld-link-wrapper.edld_label_template_12 a {
	font-weight: 700;
	font-size: 16px;
	padding: 20px 40px 18px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	border: 3px solid rgba(0,0,0,.2);
	position: relative;
	text-shadow: none;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.edld-link-wrapper.edld_label_template_12 a:before {
	position: absolute;
	height: 100%;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	font-family: FontAwesome;
	content: "\f061";
	font-weight: 400;
	left: 80%;
	top: 18px;
	opacity: 0;
}

.edld-link-wrapper.edld_label_template_12 a:hover:before {
	left: 85%;
	opacity: 1;
}

.edld-link-wrapper.edld_label_template_12 a:hover {
	background-color: rgba(0,0,0,.2);
	border-color: transparent;
}

.edld-link-wrapper.edld_label_template_12 a:active {
	border-color: rgba(0,0,0,.3);
	color: rgba(0,0,0,.3);
}

.edld-link-wrapper.edld_label_template_12 a:active:before {
	color: rgba(0,0,0,.3);
}
/*button 12 ends here*/
















