<div id="btn-gen" class="pbp_form" style="margin:11px 0 0 0; background: #fff; padding:20px 10px 20px 25px; width: 99%;">
    <br>
    <br>
    <label>Close Button Text :</label>
    <input type="text" class="closeBtnText" style="width: 250px;" placeholder="Button Text" data-optname="closeBtnText" >
    <br>
    <br>
    <br>
    <hr>
    <br>
    <div>
        <h4>Height 
            <span class="responsiveBtn rbt-l " > <i class="fa fa-desktop"></i> </span>   
            <span class="responsiveBtn rbt-m " > <i class="fa fa-tablet"></i> </span>
            <span class="responsiveBtn rbt-s " > <i class="fa fa-mobile-phone"></i> </span>
        </h4>
        <div class="responsiveOps responsiveOptionsContainterLarge">
            <label></label>
            <input type="number" class="closeBtnHeight" data-optname="closeBtnHeight" >px</div>
        <div class="responsiveOps responsiveOptionsContainterMedium" style="display: none;">
            <label></label>
            <input type="number" class="closeBtnHeightTablet" data-optname="closeBtnHeightTablet" >px</div>
        <div class="responsiveOps responsiveOptionsContainterSmall" style="display: none;">
            <label></label>
            <input type="number" class="closeBtnHeightMobile" data-optname="closeBtnHeightMobile" >px</div>
    </div>
    <br>
    <br>
    <hr>
    <br>
    <div>
        <h4>Width 
            <span class="responsiveBtn rbt-l " > <i class="fa fa-desktop"></i> </span>   
            <span class="responsiveBtn rbt-m " > <i class="fa fa-tablet"></i> </span>
            <span class="responsiveBtn rbt-s " > <i class="fa fa-mobile-phone"></i> </span>
        </h4>
        <div class="responsiveOps responsiveOptionsContainterLarge">
            <label></label>
            <input type="number" class="closeBtnWidthPercent" style="width:70px;" data-optname="closeBtnWidthPercent" >
            <select style="width:70px;" class="closeBtnWidthUnit" data-optname="closeBtnWidthUnit" >
                <option value='%' >Percent</option>
                <option value="px" >Pixel</option>
            </select>
        </div>
        <div class="responsiveOps responsiveOptionsContainterMedium" style="display: none;">
            <label></label>
            <input type="number" class="closeBtnWidthPercentTablet" style="width:70px;" data-optname="closeBtnWidthPercentTablet" >
            <select style="width:70px;" class="closeBtnWidthUnitTablet" data-optname="closeBtnWidthUnitTablet" >
                <option value='%' >Percent</option>
                <option value="px" >Pixel</option>
            </select>
        </div>
        <div class="responsiveOps responsiveOptionsContainterSmall" style="display: none;">
            <label></label>
            <input type="number" class="closeBtnWidthPercentMobile" style="width:70px;" data-optname="closeBtnWidthPercentMobile" >
            <select style="width:70px;" class="closeBtnWidthUnitMobile" data-optname="closeBtnWidthUnitMobile" >
                <option value='%' >Percent</option>
                <option value="px">Pixel</option>
            </select>
        </div>
    </div>
    <br>
    <br>
    <hr>
    <br>
    <label>Background Color :</label>
    <input type="text" class="color-picker_btn_two closeBtnBgColor" id="closeBtnBgColor" data-optname="closeBtnBgColor" >
    <br>
    <br>
    <hr>
    <br>
    <label>Background Hover Color :</label>
    <input type="text" class="color-picker_btn_two closeBtnHoverBgColor" data-optname="closeBtnHoverBgColor" >
    <br>
    <br>
    <hr>
    <br>
    <label> Text Color :</label>
    <input type="text" class="color-picker_btn_two closeBtnColor" id="closeBtnColor" data-optname="closeBtnColor" >
    <br>
    <br>
    <hr>
    <br>
    <div>
        <h4>Font size 
            <span class="responsiveBtn rbt-l " > <i class="fa fa-desktop"></i> </span>   
            <span class="responsiveBtn rbt-m " > <i class="fa fa-tablet"></i> </span>
            <span class="responsiveBtn rbt-s " > <i class="fa fa-mobile-phone"></i> </span>
        </h4>
        <div class="responsiveOps responsiveOptionsContainterLarge">
            <label></label>
            <input type="number" class="closeBtnFontSize" data-optname="closeBtnFontSize" >px</div>
        <div class="responsiveOps responsiveOptionsContainterMedium" style="display: none;">
            <label></label>
            <input type="number" class="closeBtnFontSizeTablet" data-optname="closeBtnFontSizeTablet" >px</div>
        <div class="responsiveOps responsiveOptionsContainterSmall" style="display: none;">
            <label></label>
            <input type="number" class="closeBtnFontSizeMobile" data-optname="closeBtnFontSizeMobile" >px</div>
    </div>
    <br>
    <br>
    <hr>
    <br>
    <label>Border Width:</label>
    <input type="number" class="closeBtnBorderWidth" data-optname="closeBtnBorderWidth" >
    <br>
    <br>
    <hr>
    <br>
    <label>Border Color:</label>
    <input type="text" class="color-picker_btn_two closeBtnBorderColor" id="closeBtnBorderColor" data-optname="closeBtnBorderColor" >
    <br>
    <br>
    <hr>
    <br>
    <label>Corner Radius:</label>
    <input type="number" class="closeBtnBorderRadius" max="100" min="0" data-optname="closeBtnBorderRadius" >
    <br>
    <br>
    <hr>
    <br>
    <label>Button Alignment :</label>
    <select class="closeBtnButtonAlignment" id="closeBtnButtonAlignment" data-optname="closeBtnButtonAlignment" >
        <option value="default">Default</option>
        <option value="left">Left</option>
        <option value="right">Right</option>
        <option value="center">Center</option>
    </select>
    <br>
    <br>
    <hr>
    <br>
    <label>Button Font :</label>
    <input class="closeBtnButtonFontFamily gFontSelectorulpb" id="closeBtnButtonFontFamily" data-optname="closeBtnButtonFontFamily">
    <br><br><br><hr><br><br><br>
    <label for="closeBtnBold" class="checkboxBtnLabel">Bold</label>
    <input type="checkbox" id="closeBtnBold" class="closeBtnBold popb_checkbox" data-optname="closeBtnBold">
    <label for="closeBtnItalic" class="checkboxBtnLabel">Italic</label>
    <input type="checkbox" id="closeBtnItalic" class="closeBtnItalic popb_checkbox" data-optname="closeBtnItalic">
    <label for="closeBtnUnderlined" class="checkboxBtnLabel">Underlined</label>
    <input type="checkbox" id="closeBtnUnderlined" class="closeBtnUnderlined popb_checkbox" data-optname="closeBtnUnderlined">
</div>