<style>
    .wpwab-<?php echo $random;?>.wpwab-button-template-1 a, 
    #wpwab-button-menu-template.wpwab-menu-button-wrap.wpwab-button-template-1 a {
        background-color:<?php echo $button_color_menu; ?> ;
        color: <?php echo $text_color_menu; ?>;
        box-shadow: 3px 3px 3px <?php echo $button_color_menu; ?> !important;
        
    }
    .wpwab-<?php echo $random;?> .wpwab-button-template-2 a, #wpwab-button-menu-template.wpwab-menu-button-wrap.wpwab-button-template-2 a {
        background-color: <?php echo $button_color_menu; ?> ;
        color: <?php echo $text_color_menu; ?>;
    }
    .wpwab-<?php echo $random;?> .wpwab-button-template-2 .wpwab-text-icon-both a i, #wpwab-button-menu-template.wpwab-menu-button-wrap.wpwab-button-template-2 a i {
        background-color: <?php echo $icon_background_color_menu; ?>;
        color: <?php echo $icon_color_menu ?>;
    }
    .wpwab-<?php echo $random;?> .wpwab-button-template-3 a, #wpwab-button-menu-template.wpwab-menu-button-wrap.wpwab-button-template-3 a {
        background-color: <?php echo $button_color_menu; ?> ;
        color: <?php echo $text_color_menu; ?>;
    }
    .wpwab-<?php echo $random;?> .wpwab-button-template-4 a, #wpwab-button-menu-template.wpwab-menu-button-wrap.wpwab-button-template-4 a {
        background-color: <?php echo $button_color_menu; ?> ;
        color: <?php echo $text_color_menu; ?>;
    }
    .wpwab-<?php echo $random;?> .wpwab-button-template-5 a, #wpwab-button-menu-template.wpwab-menu-button-wrap.wpwab-button-template-5 a {
        background-color:<?php echo $button_color_menu; ?> ;
        color:<?php echo $text_color_menu; ?>;
    }
    .wpwab-<?php echo $random;?>.wpwab-button-template-5 .wpwab-text-icon-both a i, #wpwab-button-menu-template.wpwab-menu-button-wrap.wpwab-button-template-5 a i {
        background-color: <?php echo $icon_background_color_menu; ?>;
        color: <?php echo $icon_color_menu ?>;
    }
    .wpwab-<?php echo $random;?>.wpwab-button-<?php echo esc_attr($button_template);?> .wpwab-text-icon-both a {
        background-color: <?php echo $button_color; ?>;
        color: <?php echo $text_color; ?>;
    }
    .wpwab-<?php echo $random;?>.wpwab-button-<?php echo esc_attr($button_template);?> .wpwab-icon-only a {
        background-color: <?php echo $icon_backgroud_color; ?>;
        color: <?php echo $icon_color; ?>;
    }
    .wpwab-<?php echo $random;?>.wpwab-button-<?php echo esc_attr($button_template);?> .wpwab-text-only a {
        background-color: <?php echo $button_color; ?>;
        color: <?php echo $text_color; ?>;
    }
    .wpwab-<?php echo $random;?>.wpwab-button-template-2 .wpwab-text-icon-both a i {
        background-color:<?php echo $icon_backgroud_color; ?>;
        color: <?php echo $icon_color; ?>;
    }
    .wpwab-<?php echo $random;?>.wpwab-button-template-3 a {
        background-color: <?php echo $button_color; ?>;
        color: <?php echo $text_color; ?>;
    }
    .wpwab-<?php echo $random;?>.wpwab-button-template-4 a i {
        background-color: <?php echo $button_color; ?>;
        color: <?php echo $text_color; ?>;
    }

    .wpwab-<?php echo $random;?>.wpwab-button-template-5 .wpwab-text-icon-both a i {
        background-color: <?php echo $icon_backgroud_color; ?>;
        color: <?php echo $icon_color; ?>;
    }
    .wpwab-<?php echo $random;?>.wpwab-button-template-5 .wpwab-text-icon-both a i {
        background-color: <?php echo $icon_backgroud_color; ?>;
    }

    .wpwab-<?php echo $random;?>.wpwab-button-template-6 .wpwab-text-icon-both a i {
        color: <?php echo $icon_color; ?>;
        background-color: <?php echo $icon_backgroud_color; ?>;
    }
    .wpwab-<?php echo $random;?>.wpwab-button-template-6 .wpwab-text-icon-both.wpwab-button-postion-right a i:after {
        <?php
        if($icon_backgroud_color !=''){ ?>
        border-color: transparent <?php echo $icon_backgroud_color; ?> transparent transparent;<?php
        }?>
    }
    .wpwab-<?php echo $random;?>.wpwab-button-template-6 .wpwab-text-icon-both.wpwab-button-postion-left a i:after {
        <?php if($icon_backgroud_color !=''){ ?>
        border-color: transparent transparent transparent <?php echo $icon_backgroud_color; ?>;
        <?php
        }?>
    }
    .wpwab-<?php echo $random;?>.wpwab-button-template-7 .wpwab-text-icon-both a i {
        color: <?php echo $icon_color; ?>;
        background-color: <?php echo $icon_backgroud_color; ?>;
    }
    .wpwab-<?php echo $random;?>.wpwab-button-template-7 .wpwab-icon-only a i {
        color: <?php echo $icon_color; ?>;
        background-color: <?php echo $icon_backgroud_color; ?>;
    }
    .wpwab-<?php echo $random;?>.wpwab-button-template-8 .wpwab-text-icon-both a i {
        background-color: <?php echo $icon_backgroud_color; ?>;
        color: <?php echo $icon_color; ?>;
    }
    .wpwab-<?php echo $random;?>.wpwab-button-template-8 .wpwab-text-icon-both.wpwab-button-postion-right a i:after {<?php
        if($icon_backgroud_color !=''){ ?>
        border-color: transparent <?php echo $icon_backgroud_color; ?> transparent transparent;<?php
        } ?>
    }
    .wpwab-<?php echo $random;?>.wpwab-button-template-8 .wpwab-text-icon-both.wpwab-button-postion-left a i:after {<?php
        if($icon_backgroud_color !=''){ ?>
        border-color: transparent transparent transparent <?php echo $icon_backgroud_color; ?>;<?php
        } ?>
    }

    .wpwab-<?php echo $random;?>.wpwab-button-template-8 a:before {
        border: 3px solid <?php echo $icon_color; ?>;
    }
    /*viber button template 9*/
    .wpwab-<?php echo $random;?>.wpwab-<?php echo $random;?>.wpwab-button-template-9 .wpwab-text-icon-both a i {
        background-color: <?php echo $icon_backgroud_color; ?>;
        color: <?php echo $icon_color; ?>;
    }
    .wpwab-<?php echo $random;?>.wpwab-button-template-9 .wpwab-text-icon-both.wpwab-button-postion-right a i:after {
        <?php
        if($icon_backgroud_color !=''){ ?>
        border-color: transparent <?php echo $icon_backgroud_color; ?> transparent transparent;
        <?php
        } ?>
    }
    .wpwab-<?php echo $random;?>.wpwab-button-template-9 .wpwab-text-icon-both.wpwab-button-postion-left a i:after {<?php
        if($icon_backgroud_color !=''){ ?>
        border-color: transparent transparent transparent <?php echo $icon_backgroud_color; ?>;
        <?php
        } ?>
    }
    .wpwab-<?php echo $random;?>.wpwab-button-template-9 .wpwab-text-icon-both.wpwab-button-postion-right a i:after{
        <?php
        if($icon_backgroud_color !=''){ ?>
        border-color: transparent <?php echo $icon_backgroud_color; ?> transparent transparent;
        <?php
        } ?>
    }
    .wpwab-<?php echo $random;?>.wpwab-<?php echo $random;?>.wpwab-button-template-10 .wpwab-text-icon-both a i:after {
        <?php
        if($icon_backgroud_color !=''){ ?>
        background-color: <?php echo $icon_backgroud_color; ?>;
        <?php
        } ?>
    }
    .wpwab-<?php echo $random;?>.wpwab-button-template-10 .wpwab-text-icon-both a i {
        background-color:<?php echo $icon_backgroud_color; ?>;
        color: <?php echo $icon_color; ?>;
    }

/* /////////////////// */

    .wpwab-button-wrap.wpwab-button-template-1 .wpwab-text-only a, 
    .wpwab-button-wrap.wpwab-button-template-1 .wpwab-text-icon-both a, 
    .wpwab-button-wrap.wpwab-button-template-1 .wpwab-icon-only a {
        box-shadow: 3px 3px 3px <?php echo $icon_backgroud_color; ?> !important;
    }

    .wpwab-button-template-9 .wpwab-text-only a, 
    .wpwab-button-template-9 .wpwab-text-icon-both a, 
    .wpwab-button-template-9 .wpwab-icon-only a {
    box-shadow: 0 0 15px <?php echo $icon_color; ?> !important;
}

.wpwab-button-wrap.wpwab-slide.wpwab-button-template-7 .wpwab-icon-only a i {
    color: <?php echo $icon_color; ?>;
}


.wpwab-button-template-4 a i, #wpwab-button-menu-template.wpwab-menu-button-wrap.wpwab-button-template-4 a i {
    color: <?php echo $icon_color; ?>;
}

body .wpwab-slide.wpwab-button-template-4 .wpwab-icon-only a {
    background-color: <?php echo $icon_backgroud_color; ?>;
}
.wpwab-button-template-4 a i, #wpwab-button-menu-template.wpwab-menu-button-wrap.wpwab-button-template-4 a i {
    background-color: <?php echo $icon_backgroud_color; ?>;
}

.wpwab-button-wrap.wpwab-button-template-2 .wpwab-text-only a, .wpwab-button-wrap.wpwab-button-template-2 .wpwab-text-icon-both a, .wpwab-button-wrap.wpwab-button-template-2 .wpwab-icon-only a {
    color: #FFF;
    box-shadow: 3px 3px 3px <?php echo $icon_backgroud_color; ?> !important;
}

.wpwab-button-wrap.wpwab-slide.wpwab-button-template-2 .wpwab-icon-only a {
    color: <?php echo $icon_color; ?>;
    
}


.wpwab-button-wrap .wpwab-tooltip-enable-text {
     background-color: <?php echo $icon_backgroud_color; ?> !important;
}

.wpwab-button-wrap .wpwab-tooltip-enable-text::before {
    border-top-color: <?php echo $icon_backgroud_color; ?> !important;
}

</style>
