
.nectarinc-shortcode img { height: 14px; width: 14px;}


.nectar-super-button {display: flex;flex-direction: column; width: max-content; margin: auto;}

.animated-border {width: 100%; position: relative;}

.nectar-super-button.small .animated-border{ border-top: 5px solid #ff9100; }
.nectar-super-button.medium .animated-border{ border-top: 7.5px solid #ff9100; }
.nectar-super-button.large .animated-border{ border-top: 10px solid #ff9100; }
.nectar-super-button.jumbo .animated-border{ border-top: 12.5px solid #ff9100; }
.nectar-super-button.xjumbo .animated-border{ border-top: 15px solid #ff9100; }

.nectar-super-button.small:hover .animated-border, .nectar-super-button.small .animated-border:active{ width: 0%;margin:auto;transition: width .5s;}
.nectar-super-button.medium:hover .animated-border, .nectar-super-button.medium .animated-border:active{ width: 0%;margin:auto;transition: width .5s;}
.nectar-super-button.large:hover .animated-border, .nectar-super-button.large .animated-border:active{ width: 0%;margin:auto;transition: width .5s;}
.nectar-super-button.jumbo:hover .animated-border, .nectar-super-button.jumbo .animated-border:active{ width: 0%;margin:auto;transition: width .5s; }
.nectar-super-button.xjumbo:hover .animated-border, .nectar-super-button.xjumbo .animated-border:active{ width: 0%;margin:auto;transition: width .5s;}

/*.nectar-super-button.small:hover .animated-border, .nectar-super-button.small .animated-border:active{ padding-top: 5px; width: 0%;margin:auto;transition: width .5s;}
.nectar-super-button.medium:hover .animated-border, .nectar-super-button.medium .animated-border:active{ padding-top: 7.5px;  width: 0%;margin:auto;transition: width .5s;}
.nectar-super-button.large:hover .animated-border, .nectar-super-button.large .animated-border:active{ padding-top: 10px;  width: 0%;margin:auto;transition: width .5s;}
.nectar-super-button.jumbo:hover .animated-border, .nectar-super-button.jumbo .animated-border:active{ padding-top: 12.5px; width: 0%;margin:auto;transition: width .5s; }
.nectar-super-button.xjumbo:hover .animated-border, .nectar-super-button.xjumbo .animated-border:active{ padding-top: 15px;  width: 0%;margin:auto;transition: width .5s;}*/


/*Alignment*/
/*.nectar-super-button.left { justify-content: flex-start; width: 100%;}
.nectar-super-button.center { justify-content: center; width: 100%;}
.nectar-super-button.right { justify-content: flex-end; width: 100%;}*/
.nectar-super-button.left a{ justify-content: flex-start; width: 100%;}
.nectar-super-button.center a{ justify-content: center; width: 100%;}
.nectar-super-button.right a{ justify-content: flex-end; width: 100%;}


.nectar-super-button.small { font-size: 12px; padding: 5px; }
.nectar-super-button.medium { font-size: 14px; padding: 5px 10px; }
.nectar-super-button.large { font-size: 16px; padding: 10px 15px; }
.nectar-super-button.jumbo { font-size: 18px; padding: 23px 50px; }
.nectar-super-button.xjumbo { font-size: 32px; padding: 30px 50px; }



.nectar-super-button .button-text{padding: 0px 5px; position: relative; bottom: 4px;}
.nectar-super-button a{display: flex;align-items: center;}
/*.nectar-super-button.small a{ border-top: 5px solid #ff9100; }
.nectar-super-button.medium a{ border-top: 7.5px solid #ff9100; }
.nectar-super-button.large a{ border-top: 10px solid #ff9100; }
.nectar-super-button.jumbo a{ border-top: 12.5px solid #ff9100; }
.nectar-super-button.xjumbo a{ border-top: 15px solid #ff9100; }*/

/*.nectar-super-button.small a:hover, .nectar-super-button.small a:active{ padding-top: 5px; }
.nectar-super-button.medium a:hover, .nectar-super-button.medium a:active{ padding-top: 7.5px; }
.nectar-super-button.large a:hover, .nectar-super-button.large a:active{ padding-top: 10px; }
.nectar-super-button.jumbo a:hover, .nectar-super-button.jumbo a:active{ padding-top: 12.5px; }
.nectar-super-button.xjumbo a:hover, .nectar-super-button.xjumbo a:active{ padding-top: 15px; }*/

/*.nectar-super-button a:hover, .nectar-super-button a:active{
	border: none;
	display: flex;
	padding-top: 2px;
	align-items: center;
}*/
.nectar-super-button a:before, .nectar-super-button a:after{display: block;	content: ' ';background-size: 15px 30px;height: 30px;width: 15px;}
/*.nectar-super-button a:hover:before, .nectar-super-button a:active:before{
	display: block;
	content: ' ';
	background-image: url('../img/X-before-white.svg');
}
.nectar-super-button a:hover:after{
	display: block;
	content: ' ';
	background-image: url('../img/X-after-blue.svg');
}
.nectar-super-button.x-white a:hover:after{
	display: block;
	content: ' ';
	background-image: url('../img/X-after-white.svg');
}
.nectar-super-button.x-gray a:hover:after{
	display: block;
	content: ' ';
	background-image: url('../img/X-after-gray.svg');
}*/

.nectar-super-button:hover a:before, 
.nectar-super-button a:active:before      {	display: block;	content: ' '; background-image: url('../img/X-before-blue.svg');}
.nectar-super-button:hover a:after        { display: block; content: ' '; background-image: url('../img/X-after-blue.svg');}
.nectar-super-button.x-white:hover a:after{	display: block;	content: ' '; background-image: url('../img/X-after-white.svg');}
.nectar-super-button.x-white:hover a:before{	display: block;	content: ' '; background-image: url('../img/X-before-white.svg');}
.nectar-super-button.x-gray:hover a:after { display: block;	content: ' '; background-image: url('../img/X-after-gray.svg');}
.nectar-super-button a:active:after       { display: block;	content: ' '; background-image: url('../img/X-after-gray.svg');}

.nectar-super-button.small a:before, .nectar-super-button.small a:after, .nectar-super-button.small:hover a:before, .nectar-super-button.small a:active:before, .nectar-super-button.small:hover a:after{
	background-size: 8px 20px;	height: 20px; width: 8px;
}
.nectar-super-button.medium a:before, .nectar-super-button.medium a:after, .nectar-super-button.medium:hover a:before, .nectar-super-button.medium a:active:before, .nectar-super-button.medium:hover a:after{
	background-size: 10px 24px;	height: 24px; width: 10px;
}
.nectar-super-button.large a:before, .nectar-super-button.large a:after, .nectar-super-button.large:hover a:before, .nectar-super-button.large a:active:before, .nectar-super-button.large:hover a:after{
	background-size: 13px 30px;	height: 30px; width: 13px;
}
.nectar-super-button.jumbo a:before, .nectar-super-button.jumbo a:after, .nectar-super-button.jumbo:hover a:before, .nectar-super-button.jumbo a:active:before, .nectar-super-button.jumbo:hover a:after{
	background-size: 20px 50px;	height: 50px; width: 20px;
}
.nectar-super-button.xjumbo a:before, .nectar-super-button.xjumbo a:after, .nectar-super-button.xjumbo:hover a:before, .nectar-super-button.xjumbo a:active:before, .nectar-super-button.xjumbo:hover a:after{
	background-size: 24px 60px;	height: 60px; width: 24px;
}