<?php
if ( ! defined( 'ABSPATH' ) ) {
	exit;
} // Exit
?>
<?php

$btn = json_decode(wp_unslash(htmlspecialchars_decode($slide->btn)));
$btn2 = json_decode(wp_unslash(htmlspecialchars_decode($slide->btn2)));

if(!empty($btn) && !isset($btn->hero_button_shortcode)){
	$btn->hero_button_shortcode = 0;
}
if(!empty($btn) && !isset($btn->button_effect)){
	$btn->button_effect = 'none';
}
if(!empty($btn2) && !isset($btn2->button_effect)){
	$btn2->button_effect = 'none';
}



if($slide->btn!='' || $slide->btn2!='' ){

?>
		<div class="hero_slider_button hero_slider_btn<?php echo intval($_id); ?>">
			<?php 
				if(isset($btn->hero_button_shortcode) && $btn->hero_button_shortcode!='1'):
			?>
			<style type="text/css">

			.slider_hero_btn_cls_one<?php echo intval($_id); ?>{
				<?php if(isset($btn->hero_btn_font_family) and $btn->hero_btn_font_family!=''){ ?>
				font-family: <?php echo $btn->hero_btn_font_family; ?>;
				<?php } ?>
				
				<?php if($btn->button_border=='square') : ?>
				border-radius: 0px;
			<?php else : ?>
				border-radius: 35px 35px;
			<?php endif ?>
			<?php if($btn->button_style=='full_background') : ?>
				background: <?php echo esc_attr($btn->button_background_color); ?>;
			<?php else: ?>
				background: none;
			<?php endif; ?>
				border: 2px solid <?php echo esc_attr($btn->button_background_color); ?> !important;
				padding: 12px 20px;
				box-sizing: content-box;
				
			<?php 
				if(isset($btn->button_font_size) && $btn->button_font_size!=''):
			?>
				font-size: <?php echo $btn->button_font_size ?> !important;
			<?php else: ?>
				font-size: 16px;
			<?php endif; ?>
			
			<?php 
				if(isset($btn->button_letter_spacing) && $btn->button_letter_spacing!=''):
			?>
				letter-spacing: <?php echo $btn->button_letter_spacing ?> !important;
			<?php endif; ?>
			
			<?php 
				if(isset($btn->button_font_weight) && $btn->button_font_weight!=''):
			?>
				font-weight: <?php echo $btn->button_font_weight ?> !important;
			<?php endif; ?>
			
			
				text-decoration: none;
				min-width:100px;
				
				color: <?php echo esc_attr($btn->button_color); ?> !important;
				margin-right: 10px;
				
				text-shadow: none;
				
			}
			.slider_hero_btn1_display<?php echo intval($_id); ?>{
				display: -webkit-inline-flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-webkit-flex-direction: column;
				-webkit-box-pack: center;
				-webkit-flex-pack: center;
				-webkit-justify-content: center;
				-webkit-flex-align: center;
				-webkit-align-items: center;
				vertical-align: middle;
			}
			.slider_hero_btn_cls_one<?php echo intval($_id); ?>:hover{
				<?php if($btn->button_hover_color!='') : ?>
				color:<?php echo esc_attr($btn->button_hover_color); ?>!important;
				<?php endif; ?>
				<?php if($btn->button_background_hover_color!=''): ?>
				<?php if($btn->button_style=='full_background'): ?>
				background: <?php echo esc_attr($btn->button_background_hover_color); ?>;
				<?php else: ?>
				background: none;
				<?php endif; ?>
				
				border: 2px solid <?php echo esc_attr($btn->button_background_hover_color); ?> !important;
				<?php endif; ?>
				text-shadow: none;
			}
					
			</style>
			<?php //Button 1 Glitch Effect //
				if(isset($btn->button_effect) and $btn->button_effect=='glitch'):
			?>
				<style type="text/css">
					.shero_glitch_button<?php echo intval($_id); ?> > a:link{
						color: <?php echo esc_attr($btn->button_color); ?> !important;
					}
					.shero_glitch_button<?php echo intval($_id); ?> > a:hover{
						color: <?php echo esc_attr($btn->button_hover_color); ?>!important;
					}
				</style>
				
				<label for="switch" class="hg_ctaStartGame shero_glitch_button shero_glitch_button<?php echo intval($_id); ?> slider_hero_btn_cls_one<?php echo intval($_id); ?> slider_hero_btn1_display<?php echo intval($_id); ?>"><a href="<?php echo esc_url($btn->button_url); ?>" target="<?php echo esc_attr($btn->button_target); ?>" class=""><?php echo esc_attr($btn->button_text); ?></a></label>
			
			<?php // Area for Animated Fill Effect
				elseif(isset($btn->button_effect) and $btn->button_effect=='fill'):
			?>
				<style type="text/css">
					.hero_btn1_fill<?php echo intval($_id); ?> {
						
						<?php if(isset($btn->hero_btn_font_family) and $btn->hero_btn_font_family!=''){ ?>
						font-family: <?php echo $btn->hero_btn_font_family; ?>;
						<?php } ?>
						
					  color: <?php echo esc_attr($btn->button_color); ?> !important;
					  border: 2px solid <?php echo esc_attr($btn->button_background_color); ?> !important;
						<?php if($btn->button_border=='square') : ?>
							border-radius: 0px;
						<?php else : ?>
							border-radius: 35px 35px;
						<?php endif ?>
						text-shadow: none;
						
						<?php 
							if(isset($btn->button_font_size) && $btn->button_font_size!=''):
						?>
							font-size: <?php echo $btn->button_font_size ?> !important;
						<?php else: ?>
							font-size: 16px;
						<?php endif; ?>
						
						<?php 
							if(isset($btn->button_letter_spacing) && $btn->button_letter_spacing!=''):
						?>
							letter-spacing: <?php echo $btn->button_letter_spacing ?> !important;
						<?php endif; ?>
						
						<?php 
							if(isset($btn->button_font_weight) && $btn->button_font_weight!=''):
						?>
							font-weight: <?php echo $btn->button_font_weight ?> !important;
						<?php endif; ?>
						margin-right: 10px;
					}
					.hero_btn1_fill<?php echo intval($_id); ?>:before {
						background: <?php echo esc_attr($btn->button_background_color); ?>;
					}
					.hero_btn1_fill<?php echo intval($_id); ?>:hover {
						<?php if($btn->button_hover_color!='') : ?>
						color:<?php echo esc_attr($btn->button_hover_color); ?> !important;
						<?php endif; ?>
					}
				</style>
				<a href="<?php echo esc_url($btn->button_url); ?>" target="<?php echo esc_attr($btn->button_target); ?>" class="hg_ctaStartGame hero_btn hero_btn--border hero_btn--primary hero_btn--animated hero_btn1_fill<?php echo intval($_id); ?>"><?php echo esc_attr($btn->button_text); ?></a>
				
			<?php // Area for Spin Effect
				elseif(isset($btn->button_effect) and $btn->button_effect=='spin'):
			?>
				<a href="<?php echo esc_url($btn->button_url); ?>" target="<?php echo esc_attr($btn->button_target); ?>"><div class="hg_ctaStartGame hero_spinner_tag slider_hero_btn_cls_one<?php echo intval($_id); ?> slider_hero_btn1_display<?php echo intval($_id); ?>" data-content-default="<?php echo esc_attr($btn->button_text); ?>" data-content-spinning="<?php echo esc_attr($btn->button_text); ?>"></div></a>
			
			<?php // Area for Shiney Effect
				elseif(isset($btn->button_effect) and $btn->button_effect=='shiney'):
			?>
				<a href="<?php echo esc_url($btn->button_url); ?>" target="<?php echo esc_attr($btn->button_target); ?>" class="hg_ctaStartGame slider_hero_btn_cls_one<?php echo intval($_id); ?> slider_hero_btn1_display<?php echo intval($_id); ?> hero_shiney_effect"><?php echo esc_attr($btn->button_text); ?></a>
			<?php // Area for 3D Effect
				elseif(isset($btn->button_effect) and $btn->button_effect=='3d'):
			?>
				<style type="text/css">
					.hero_btn1_3d<?php echo intval($_id); ?> {
						
						<?php if(isset($btn->hero_btn_font_family) and $btn->hero_btn_font_family!=''){ ?>
						font-family: <?php echo $btn->hero_btn_font_family; ?>;
						<?php } ?>
					  color: <?php echo esc_attr($btn->button_color); ?>;
					  background: #fff;
					  border: 5px solid <?php echo esc_attr($btn->button_background_color); ?> !important;
					  color: <?php echo esc_attr($btn->button_background_color); ?> !important;
					  padding: 12px 20px;
					  text-shadow: none;
						<?php 
						if(isset($btn->button_font_size) && $btn->button_font_size!=''):
						?>
							font-size: <?php echo $btn->button_font_size ?> !important;
						<?php else: ?>
							font-size: 16px;
						<?php endif; ?>
						
						<?php 
							if(isset($btn->button_letter_spacing) && $btn->button_letter_spacing!=''):
						?>
							letter-spacing: <?php echo $btn->button_letter_spacing ?> !important;
						<?php endif; ?>
						
						<?php 
							if(isset($btn->button_font_weight) && $btn->button_font_weight!=''):
						?>
							font-weight: <?php echo $btn->button_font_weight ?> !important;
						<?php endif; ?>
						margin-right: 10px;
					}
					.hero_btn1_3d<?php echo intval($_id); ?>:before{
						background: <?php echo esc_attr($btn->button_background_color); ?>;
					}
					.hero_btn1_3d<?php echo intval($_id); ?>:after{
						background: <?php echo esc_attr($btn->button_background_color); ?>;
					}
					.hero_btn1_3d<?php echo intval($_id); ?>:hover{
						background: <?php echo esc_attr($btn->button_background_hover_color); ?>;
						<?php if($btn->button_hover_color!='') : ?>
						color:<?php echo esc_attr($btn->button_hover_color); ?>!important;
						<?php endif; ?>
					}
					
				</style>
				<a href="<?php echo esc_url($btn->button_url); ?>" target="<?php echo esc_attr($btn->button_target); ?>" class="hg_ctaStartGame hero_3d_button hero_btn1_3d<?php echo intval($_id); ?>"><?php echo esc_attr($btn->button_text); ?></a>
			<?php // Area for Expending Border Effect
				elseif(isset($btn->button_effect) and $btn->button_effect=='exborder'):
			?>
				<style type="text/css">
					.hero_btn1_exborder<?php echo intval($_id); ?> {
						<?php if(isset($btn->hero_btn_font_family) and $btn->hero_btn_font_family!=''){ ?>
						font-family: <?php echo $btn->hero_btn_font_family; ?>;
						<?php } ?>
					  color: <?php echo esc_attr($btn->button_color); ?> !important;
					  background-color: <?php echo esc_attr($btn->button_background_color); ?>;
					  border: 5px solid <?php echo esc_attr($btn->button_background_color); ?> !important;
					  
						text-decoration: none;
						min-width:100px;
					  padding: 12px 20px;
					  margin-right:10px;
					 <?php 
						if(isset($btn->button_font_size) && $btn->button_font_size!=''):
					?>
						font-size: <?php echo $btn->button_font_size ?> !important;
					<?php else: ?>
						font-size: 16px;
					<?php endif; ?>
					
					<?php 
						if(isset($btn->button_letter_spacing) && $btn->button_letter_spacing!=''):
					?>
						letter-spacing: <?php echo $btn->button_letter_spacing ?> !important;
					<?php endif; ?>
					
					<?php 
						if(isset($btn->button_font_weight) && $btn->button_font_weight!=''):
					?>
						font-weight: <?php echo $btn->button_font_weight ?> !important;
					<?php endif; ?>
					margin-right: 10px;
					}
					.hero_btn1_exborder<?php echo intval($_id); ?>:before{
						border-color: <?php echo esc_attr($btn->button_background_color); ?> !important;
					}
					.hero_btn1_exborder<?php echo intval($_id); ?>:after{
						border-color: <?php echo esc_attr($btn->button_background_color); ?> !important;
					}
					
					.hero_btn1_exborder<?php echo intval($_id); ?>:hover,
					.hero_btn1_exborder<?php echo intval($_id); ?>.hover{
						background-color: <?php echo esc_attr($btn->button_background_hover_color); ?>;
						border-color:<?php echo esc_attr($btn->button_background_hover_color); ?> !important;
						<?php if($btn->button_hover_color!='') : ?>
						color:<?php echo esc_attr($btn->button_hover_color); ?> !important;
						<?php endif; ?>
						
					}
					
					.hero_btn1_exborder<?php echo intval($_id); ?>:hover:before, .hero_btn1_exborder<?php echo intval($_id); ?>:hover:after{
						border-color:<?php echo esc_attr($btn->button_background_hover_color); ?> !important;
					}
					
				</style>
				<a href="<?php echo esc_url($btn->button_url); ?>" target="<?php echo esc_attr($btn->button_target); ?>" class="hg_ctaStartGame hero_exborder hero_btn1_exborder<?php echo intval($_id); ?>"><?php echo esc_attr($btn->button_text); ?></a>
			<?php // Area for nanuk Border Effect
				elseif(isset($btn->button_effect) and $btn->button_effect=='nanuk'):
			?>
				<a href="<?php echo esc_url($btn->button_url); ?>" target="<?php echo esc_attr($btn->button_target); ?>" class="hg_ctaStartGame slider_hero_btn_cls_one<?php echo intval($_id); ?> button--nanuk">
					<?php 
						$btnchr = str_split($btn->button_text);
						foreach($btnchr as $btnk=>$btnv){
							echo '<span>'.esc_html($btnv).'</span>';
						}
					?>
				</a>
			<?php // Area for nina Effect
				elseif(isset($btn->button_effect) and $btn->button_effect=='nina'):
			?>
				<a href="<?php echo esc_url($btn->button_url); ?>" target="<?php echo esc_attr($btn->button_target); ?>" class="hg_ctaStartGame slider_hero_btn_cls_one<?php echo intval($_id); ?> button--nina" >
					<?php 
						$btnchr = str_split($btn->button_text);
						foreach($btnchr as $btnk=>$btnv){
							echo '<span>'.esc_html($btnv).'</span>';
						}
					?>
				</a>
			<?php // Area for Moema Effect
				elseif(isset($btn->button_effect) and $btn->button_effect=='moema'):
			?>
				<a href="<?php echo esc_url($btn->button_url); ?>" target="<?php echo esc_attr($btn->button_target); ?>" class="hg_ctaStartGame slider_hero_btn_cls_one<?php echo intval($_id); ?> button--moema" >
					<?php echo esc_attr($btn->button_text); ?>
				</a>
			
			<?php
				else:
			?>
				<a href="<?php echo esc_url($btn->button_url); ?>" target="<?php echo esc_attr($btn->button_target); ?>" class="hg_ctaStartGame slider_hero_btn_cls_one<?php echo intval($_id); ?> slider_hero_btn1_display<?php echo intval($_id); ?>"><?php echo esc_attr($btn->button_text); ?></a>
			<?php endif; ?>
			<?php endif; ?>
			
			
			
<!--Second button configuration-->
			<?php
			if($slide->btn2!='' && $btn2->hero_button_shortcode!='1' ):
			
			?>
			
			<style type="text/css">
			.hero_btn_cls_one2<?php echo intval($_id); ?>{
				
				<?php if(isset($btn2->hero_btn_font_family) and $btn2->hero_btn_font_family!=''){ ?>
				font-family: <?php echo $btn2->hero_btn_font_family; ?>;
				<?php } ?>
				
				<?php if($btn2->button_border=='square') : ?>
				border-radius: 0px;
			<?php else : ?>
				border-radius: 35px 35px;
			<?php endif ?>
			<?php if($btn2->button_style=='full_background') : ?>
				background: <?php echo esc_attr($btn2->button_background_color); ?>;
			<?php else: ?>
				background: none;
			<?php endif; ?>
				border: 2px solid <?php echo esc_attr($btn2->button_background_color); ?> !important;
				padding: 12px 20px;
				box-sizing: content-box;
				
				text-decoration: none;
				min-width:100px;
				
				color: <?php echo esc_attr($btn2->button_color); ?> !important;
				text-shadow: none;
			<?php 
				if(isset($btn2->button_font_size) && $btn2->button_font_size!=''):
			?>
				font-size: <?php echo $btn2->button_font_size ?> !important;
			<?php else: ?>
				font-size: 16px;
			<?php endif; ?>
			
			<?php 
				if(isset($btn2->button_letter_spacing) && $btn2->button_letter_spacing!=''):
			?>
				letter-spacing: <?php echo $btn2->button_letter_spacing ?> !important;
			<?php endif; ?>
			
			<?php 
				if(isset($btn2->button_font_weight) && $btn2->button_font_weight!=''):
			?>
				font-weight: <?php echo $btn2->button_font_weight ?> !important;
			<?php endif; ?>
				
				
			}
			.hero_btn_cls_one2<?php echo intval($_id); ?>:hover{
				<?php if($btn2->button_hover_color!='') : ?>
				color:<?php echo esc_attr($btn2->button_hover_color); ?>!important;
				<?php endif; ?>
				<?php if($btn2->button_background_hover_color!=''): ?>
				<?php if($btn2->button_style=='full_background'): ?>
				background: <?php echo esc_attr($btn2->button_background_hover_color); ?>;
				<?php else: ?>
				background: none;
				<?php endif; ?>
				
				border: 2px solid <?php echo esc_attr($btn2->button_background_hover_color); ?> !important;
				<?php endif; ?>
				
			}
			
			</style>
			<?php //Button 2 Glitch Effect //
				if(isset($btn2->button_effect) and $btn2->button_effect=='glitch'):
			?>
				<style type="text/css">
					.shero_glitch_button<?php echo intval($_id); ?> > a:link{
						color: <?php echo esc_attr($btn2->button_color); ?>;
					}
					.shero_glitch_button<?php echo intval($_id); ?> > a:hover{
						color: <?php echo esc_attr($btn2->button_hover_color); ?>!important;
					}
				</style>
			<label for="switch" class="shero_glitch_button shero_glitch_button<?php echo intval($_id); ?> hero_btn_cls_one2<?php echo intval($_id); ?> slider_hero_btn1_display<?php echo intval($_id); ?>"><a href="<?php echo esc_url($btn2->button_url); ?>" target="<?php echo esc_attr($btn2->button_target); ?>" class=""><?php echo esc_attr($btn2->button_text); ?></a></label>
			<?php // Button 2 Fill Effect //
				elseif(isset($btn2->button_effect) and $btn2->button_effect=='fill'):
			?>
				<style type="text/css">
					.hero_btn2_fill<?php echo intval($_id); ?> {
						
						<?php if(isset($btn2->hero_btn_font_family) and $btn2->hero_btn_font_family!=''){ ?>
						font-family: <?php echo $btn2->hero_btn_font_family; ?>;
						<?php } ?>
						
					  color: <?php echo esc_attr($btn2->button_color); ?> !important;
					  border: 2px solid <?php echo esc_attr($btn2->button_background_color); ?> !important;
					<?php if($btn2->button_border=='square') : ?>
						border-radius: 0px;
					<?php else : ?>
						border-radius: 35px 35px;
					<?php endif ?>
						text-shadow: none;
						
					<?php 
						if(isset($btn2->button_font_size) && $btn2->button_font_size!=''):
					?>
						font-size: <?php echo $btn2->button_font_size ?> !important;
					<?php else: ?>
						font-size: 16px;
					<?php endif; ?>
					
					<?php 
						if(isset($btn2->button_letter_spacing) && $btn2->button_letter_spacing!=''):
					?>
						letter-spacing: <?php echo $btn2->button_letter_spacing ?> !important;
					<?php endif; ?>
					
					<?php 
						if(isset($btn2->button_font_weight) && $btn2->button_font_weight!=''):
					?>
						font-weight: <?php echo $btn2->button_font_weight ?> !important;
					<?php endif; ?>
					}
					.hero_btn2_fill<?php echo intval($_id); ?>:before {
						background: <?php echo esc_attr($btn2->button_background_color); ?>;
					}
					.hero_btn2_fill<?php echo intval($_id); ?>:hover {
						<?php if($btn2->button_hover_color!='') : ?>
						color:<?php echo esc_attr($btn2->button_hover_color); ?> !important;
						<?php endif; ?>
					}
				</style>
				<a href="<?php echo esc_url($btn2->button_url); ?>" target="<?php echo esc_attr($btn2->button_target); ?>" class="hero_btn hero_btn--border hero_btn--primary hero_btn--animated hero_btn2_fill<?php echo intval($_id); ?>"><?php echo esc_attr($btn2->button_text); ?></a>
				
			<?php // Area for Spin Effect
				elseif(isset($btn2->button_effect) and $btn2->button_effect=='spin'):
			?>
				<a href="<?php echo esc_url($btn2->button_url); ?>" target="<?php echo esc_attr($btn2->button_target); ?>"><div class="hero_spinner_tag hero_btn_cls_one2<?php echo intval($_id); ?> slider_hero_btn1_display<?php echo intval($_id); ?>" data-content-default="<?php echo esc_attr($btn2->button_text); ?>" data-content-spinning="<?php echo esc_attr($btn2->button_text); ?>"></div></a>
			<?php // Area for Shiney Effect
				elseif(isset($btn2->button_effect) and $btn2->button_effect=='shiney'):
			?>
				<a href="<?php echo esc_url($btn2->button_url); ?>" target="<?php echo esc_attr($btn2->button_target); ?>" class="hero_btn_cls_one2<?php echo intval($_id); ?> slider_hero_btn1_display<?php echo intval($_id); ?> hero_shiney_effect"><?php echo esc_attr($btn2->button_text); ?></a>
			<?php // Area for 3D Effect
				elseif(isset($btn2->button_effect) and $btn2->button_effect=='3d'):
			?>
				<style type="text/css">
					.hero_btn2_3d<?php echo intval($_id); ?> {
						<?php if(isset($btn2->hero_btn_font_family) and $btn2->hero_btn_font_family!=''){ ?>
						font-family: <?php echo $btn2->hero_btn_font_family; ?>;
						<?php } ?>
					  color: <?php echo esc_attr($btn2->button_color); ?> !important;
					  background: #fff;
					  border: 5px solid <?php echo esc_attr($btn2->button_background_color); ?> !important;
					  color: <?php echo esc_attr($btn2->button_background_color); ?>;
					  padding: 12px 20px;
					  font-size: 16px;
					  text-shadow: none;
					<?php 
						if(isset($btn2->button_font_size) && $btn2->button_font_size!=''):
					?>
						font-size: <?php echo $btn2->button_font_size ?> !important;
					<?php else: ?>
						font-size: 16px;
					<?php endif; ?>
					
					<?php 
						if(isset($btn2->button_letter_spacing) && $btn2->button_letter_spacing!=''):
					?>
						letter-spacing: <?php echo $btn2->button_letter_spacing ?> !important;
					<?php endif; ?>
					
					<?php 
						if(isset($btn2->button_font_weight) && $btn2->button_font_weight!=''):
					?>
						font-weight: <?php echo $btn2->button_font_weight ?> !important;
					<?php endif; ?>
					}
					.hero_btn2_3d<?php echo intval($_id); ?>:before{
						background: <?php echo esc_attr($btn2->button_background_color); ?>;
					}
					.hero_btn2_3d<?php echo intval($_id); ?>:after{
						background: <?php echo esc_attr($btn2->button_background_color); ?>;
					}
					.hero_btn2_3d<?php echo intval($_id); ?>:hover{
						background: <?php echo esc_attr($btn2->button_background_hover_color); ?>;
						<?php if($btn2->button_hover_color!='') : ?>
						color:<?php echo esc_attr($btn2->button_hover_color); ?>!important;
						<?php endif; ?>
					}
					
				</style>
				<a href="<?php echo esc_url($btn2->button_url); ?>" target="<?php echo esc_attr($btn2->button_target); ?>" class="hero_3d_button hero_btn2_3d<?php echo intval($_id); ?>"><?php echo esc_attr($btn2->button_text); ?></a>
				
			<?php // Area for Expending Border Effect
				elseif(isset($btn2->button_effect) and $btn2->button_effect=='exborder'):
			?>
				<style type="text/css">
					.hero_btn2_exborder<?php echo intval($_id); ?> {
						<?php if(isset($btn2->hero_btn_font_family) and $btn2->hero_btn_font_family!=''){ ?>
						font-family: <?php echo $btn2->hero_btn_font_family; ?>;
						<?php } ?>
					  color: <?php echo esc_attr($btn2->button_color); ?> !important;
					  background-color: <?php echo esc_attr($btn2->button_background_color); ?>;
					  border: 5px solid <?php echo esc_attr($btn2->button_background_color); ?> !important;
					  font-size: 16px;
						
						text-decoration: none;
						min-width:100px;
					  padding: 12px 20px;
					  <?php 
						if(isset($btn2->button_font_size) && $btn2->button_font_size!=''):
					?>
						font-size: <?php echo $btn2->button_font_size ?> !important;
					<?php else: ?>
						font-size: 16px;
					<?php endif; ?>
					
					<?php 
						if(isset($btn2->button_letter_spacing) && $btn2->button_letter_spacing!=''):
					?>
						letter-spacing: <?php echo $btn2->button_letter_spacing ?> !important;
					<?php endif; ?>
					
					<?php 
						if(isset($btn2->button_font_weight) && $btn2->button_font_weight!=''):
					?>
						font-weight: <?php echo $btn2->button_font_weight ?> !important;
					<?php endif; ?>
					}
					.hero_btn2_exborder<?php echo intval($_id); ?>:before{
						border-color: <?php echo esc_attr($btn2->button_background_color); ?> !important;
					}
					.hero_btn2_exborder<?php echo intval($_id); ?>:after{
						border-color: <?php echo esc_attr($btn2->button_background_color); ?> !important;
					}
					
					.hero_btn2_exborder<?php echo intval($_id); ?>:hover,
					.hero_btn2_exborder<?php echo intval($_id); ?>.hover{
						background-color: <?php echo esc_attr($btn2->button_background_hover_color); ?>;
						border-color:<?php echo esc_attr($btn2->button_background_hover_color); ?> !important;
						
						
						<?php if($btn2->button_hover_color!='') : ?>
						color:<?php echo esc_attr($btn2->button_hover_color); ?> !important;
						<?php endif; ?>
					}
					.hero_btn2_exborder:hover<?php echo intval($_id); ?>:before, .hero_btn2_exborder<?php echo intval($_id); ?>:hover:after{
						border-color:<?php echo esc_attr($btn2->button_background_hover_color); ?> !important;
					}
					
				</style>
				<a href="<?php echo esc_url($btn2->button_url); ?>" target="<?php echo esc_attr($btn2->button_target); ?>" class="hero_exborder hero_btn2_exborder<?php echo intval($_id); ?>"><?php echo esc_attr($btn2->button_text); ?></a>
			
			<?php // Area for Expending Border Effect
				elseif(isset($btn2->button_effect) and $btn2->button_effect=='nanuk'):
			?>
				<a href="<?php echo esc_url($btn2->button_url); ?>" target="<?php echo esc_attr($btn2->button_target); ?>" class="hero_btn_cls_one2<?php echo intval($_id); ?> button--nanuk">
					<?php 
						$btnchr = str_split($btn2->button_text);
						foreach($btnchr as $btnk=>$btnv){
							echo '<span>'.esc_html($btnv).'</span>';
						}
					?>
				</a>
			<?php // Area for nina Effect
				elseif(isset($btn2->button_effect) and $btn2->button_effect=='nina'):
			?>
				<a href="<?php echo esc_url($btn2->button_url); ?>" target="<?php echo esc_attr($btn2->button_target); ?>" class="hero_btn_cls_one2<?php echo intval($_id); ?> button--nina" >
					<?php 
						$btnchr = str_split($btn2->button_text);
						foreach($btnchr as $btnk=>$btnv){
							echo '<span>'.esc_html($btnv).'</span>';
						}
					?>
				</a>
			<?php // Area for Moema Effect
				elseif(isset($btn2->button_effect) and $btn2->button_effect=='moema'):
			?>
				<a href="<?php echo esc_url($btn2->button_url); ?>" target="<?php echo esc_attr($btn2->button_target); ?>" class="hero_btn_cls_one2<?php echo intval($_id); ?> button--moema" >
					<?php echo esc_attr($btn2->button_text); ?>
				</a>
			<?php 
				else:
			?>
				<a href="<?php echo esc_url($btn2->button_url); ?>" target="<?php echo esc_attr($btn2->button_target); ?>" class="hero_btn_cls_one2<?php echo intval($_id); ?> slider_hero_btn1_display<?php echo intval($_id); ?>"><?php echo esc_attr($btn2->button_text); ?></a>
			<?php endif; ?>
			<?php endif; ?>
			
		</div>
<?php } //end of if button ?>