{
  "name": "dina/dual-button",
  "d4Shortcode": "dina_dual_button",
  "title": "Dual Button",
  "titles": "Dual Buttons",
  "moduleIcon": "dina/dual-button",
  "moduleClassName": "dina_dual_button",
  "moduleOrderClassName": "dina_dual_button",
  "category": "module",
  "folder": "divinationkit",
  "childrenName": [],
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selector}}",
      "default": {
        "meta": {
          "adminLabel": {
            "desktop": {
              "value": "Dual Button"
            }
          }
        },
        "advanced": {
          "alignment": {
            "desktop": {
              "value": "left"
            }
          },
          "space": {
            "desktop": {
              "value": "10px"
            }
          },
          "useSeparator": {
            "desktop": {
              "value": "off"
            }
          },
          "separatorType": {
            "desktop": {
              "value": "icon"
            }
          }
        }
      },
      "styleProps": {
        "spacing": {
          "important": true
        }
      },
      "settings": {
        "meta": {
          "adminLabel": {}
        },
        "advanced": {
          "alignment": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designGeneral",
              "attrName": "module.advanced.alignment",
              "label": "Alignment",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "left": {
                      "label": "Left"
                    },
                    "center": {
                      "label": "Center"
                    },
                    "right": {
                      "label": "Right"
                    }
                  }
                }
              }
            }
          },
          "space": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designGeneral",
              "attrName": "module.advanced.space",
              "label": "Space Between Buttons",
              "description": "Define space between button and separator.",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 500,
                  "step": 1,
                  "allowedUnits": [
                    "px",
                    "em",
                    "rem"
                  ],
                  "defaultUnit": "px"
                }
              }
            }
          },
          "useSeparator": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentSeparator",
              "attrName": "module.advanced.useSeparator",
              "label": "Use Separator",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          },
          "separatorType": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentSeparator",
              "attrName": "module.advanced.separatorType",
              "label": "Select Separator Type",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "icon": {
                      "label": "Icon"
                    },
                    "text": {
                      "label": "Text"
                    }
                  }
                }
              }
            }
          },
          "htmlAttributes": {},
          "text": {
            "groupType": "group",
            "groupName": "divi/text",
            "panel": "design",
            "priority": 90,
            "component": {
              "props": {
                "fields": {
                  "orientation": {
                    "render": false
                  },
                  "color": {
                    "render": false
                  }
                }
              }
            }
          }
        },
        "decoration": {
          "animation": {},
          "attributes": {},
          "background": {},
          "border": {},
          "boxShadow": {},
          "conditions": {},
          "disabledOn": {},
          "filters": {},
          "interactions": {},
          "layout": {},
          "overflow": {},
          "order": {},
          "position": {},
          "scroll": {},
          "sizing": {},
          "spacing": {},
          "sticky": {},
          "transform": {},
          "transition": {},
          "zIndex": {}
        }
      }
    },
    "buttonOne": {
      "type": "object",
      "selector": "{{selector}} .dina_button_one",
      "styleProps": {
        "background": {
          "important": true
        },
        "border": {
          "propertySelectors": {
            "desktop": {
              "value": {
                "border-radius": "{{selector}} .dina_button_one, {{selector}} .dina_button_one.dina-border-hover-effect:before"
              }
            }
          }
        }
      },
      "default": {
        "decoration": {
          "background": {
            "desktop": {
              "value": {
                "color": "#01564D"
              }
            }
          },
          "spacing": {
            "desktop": {
              "value": {
                "padding": {
                  "top": "18px",
                  "right": "30px",
                  "bottom": "18px",
                  "left": "30px"
                },
                "margin": {
                  "top": "0px",
                  "right": "0px",
                  "bottom": "0px",
                  "left": "0px"
                }
              }
            }
          }
        },
        "advanced": {
          "newWindow": {
            "desktop": {
              "value": "off"
            }
          },
          "useIcon": {
            "desktop": {
              "value": "on"
            }
          },
          "iconPlacement": {
            "desktop": {
              "value": "right"
            }
          },
          "iconOnHover": {
            "desktop": {
              "value": "on"
            }
          },
          "effect2d": {
            "desktop": {
              "value": ""
            }
          },
          "borderEffect": {
            "desktop": {
              "value": ""
            }
          },
          "hoverBorderColor": {
            "desktop": {
              "value": "#01564d"
            }
          },
          "hoverBorderWidth": {
            "desktop": {
              "value": "4px"
            }
          },
          "hoverLineColor": {
            "desktop": {
              "value": "#01564d"
            }
          },
          "hoverLineHeight": {
            "desktop": {
              "value": "4px"
            }
          },
          "bgEffect": {
            "desktop": {
              "value": ""
            }
          },
          "hoverBgColor": {
            "desktop": {
              "value": "#e02b20"
            }
          }
        }
      },
      "settings": {
        "decoration": {
          "background": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonOne",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/background",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Button One"
                }
              }
            }
          },
          "border": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonOne",
              "priority": 20,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/border",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Button One"
                }
              }
            }
          },
          "spacing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonOne",
              "priority": 30,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/spacing",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Button One"
                }
              }
            }
          },
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonOneText",
              "priority": 40,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/font",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Button One",
                  "fields": {
                    "headingLevel": {
                      "render": false
                    }
                  }
                }
              }
            }
          }
        },
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupSlug": "contentButtonOne",
            "attrName": "buttonOne.innerContent",
            "label": "Button Text",
            "priority": 10,
            "render": true,
            "features": {
              "sticky": false,
              "responsive": false,
              "hover": false,
              "dynamicContent": {
                "type": "text"
              }
            },
            "component": {
              "type": "field",
              "name": "divi/text"
            }
          }
        },
        "advanced": {
          "url": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentButtonOne",
              "attrName": "buttonOne.advanced.url",
              "label": "Button Url",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false,
                "dynamicContent": {
                  "type": "url"
                }
              },
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            }
          },
          "newWindow": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentButtonOne",
              "attrName": "buttonOne.advanced.newWindow",
              "label": "Open Button link in new window",
              "priority": 30,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "off": {
                      "label": "In The Same Window"
                    },
                    "on": {
                      "label": "In The New Tab"
                    }
                  }
                }
              }
            }
          },
          "useIcon": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonOne",
              "attrName": "buttonOne.advanced.useIcon",
              "label": "Show Button One Icon",
              "priority": 1,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          },
          "iconPlacement": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonOne",
              "attrName": "buttonOne.advanced.iconPlacement",
              "label": "Button One Icon Placement",
              "priority": 3,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "left": {
                      "label": "Left"
                    },
                    "right": {
                      "label": "Right"
                    }
                  }
                }
              }
            }
          },
          "iconOnHover": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonOne",
              "attrName": "buttonOne.advanced.iconOnHover",
              "label": "Only Show Icon On Hover For Button One",
              "priority": 4,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          },
          "effect2d": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonOneHover",
              "attrName": "buttonOne.advanced.effect2d",
              "label": "Select 2D Hover Effect",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "": {
                      "label": "Select"
                    },
                    "dina-hover-grow": {
                      "label": "Grow"
                    },
                    "dina-hover-shrink": {
                      "label": "Shrink"
                    },
                    "dina-hover-pulse": {
                      "label": "Pulse"
                    },
                    "dina-hover-pulse-grow": {
                      "label": "Pulse Grow"
                    },
                    "dina-hover-pulse-shrink": {
                      "label": "Pulse Shrink"
                    },
                    "dina-hover-pop": {
                      "label": "Pop"
                    },
                    "dina-hover-push": {
                      "label": "Push"
                    },
                    "dina-hover-bounce-in": {
                      "label": "Bounce In"
                    },
                    "dina-hover-bounce-out": {
                      "label": "Bounce Out"
                    },
                    "dina-hover-rotate": {
                      "label": "Rotate"
                    },
                    "dina-hover-rotate-grow": {
                      "label": "Rotate Grow"
                    },
                    "dina-hover-float": {
                      "label": "Float"
                    },
                    "dina-hover-sink": {
                      "label": "Sink"
                    },
                    "dina-hover-bob": {
                      "label": "Bob"
                    },
                    "dina-hover-hang": {
                      "label": "Hang"
                    },
                    "dina-hover-skew-forward": {
                      "label": "Skew Forward"
                    },
                    "dina-hover-skew-backward": {
                      "label": "Skew Backward"
                    },
                    "dina-hover-wobble-horizontal": {
                      "label": "Wobble Horizontal"
                    },
                    "dina-hover-wobble-vertical": {
                      "label": "Wobble Vertical"
                    },
                    "dina-hover-wobble-to-bottom-right": {
                      "label": "Wobble to Bottom Right"
                    },
                    "dina-hover-wobble-to-top-right": {
                      "label": "Wobble to Top Right"
                    },
                    "dina-hover-wobble-top": {
                      "label": "Wobble Top"
                    },
                    "dina-hover-wobble-bottom": {
                      "label": "Wobble Bottom"
                    },
                    "dina-hover-wobble-skew": {
                      "label": "Wobble Skew"
                    },
                    "dina-hover-buzz": {
                      "label": "Buzz"
                    },
                    "dina-hover-buzz-out": {
                      "label": "Buzz Out"
                    },
                    "dina-hover-forward": {
                      "label": "Forward"
                    },
                    "dina-hover-backward": {
                      "label": "Backward"
                    }
                  }
                }
              }
            }
          },
          "borderEffect": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonOneHover",
              "attrName": "buttonOne.advanced.borderEffect",
              "label": "Select Border Hover Effect",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "": {
                      "label": "Select"
                    },
                    "dina-ripple-in": {
                      "label": "Ripple In"
                    },
                    "dina-ripple-out": {
                      "label": "Ripple Out"
                    },
                    "dina-outline-in": {
                      "label": "Outline In"
                    },
                    "dina-outline-out": {
                      "label": "Outline Out"
                    },
                    "dina-underline-from-left": {
                      "label": "Underline From Left"
                    },
                    "dina-underline-from-center": {
                      "label": "Underline From Center"
                    },
                    "dina-underline-from-right": {
                      "label": "Underline From Right"
                    },
                    "dina-overline-from-left": {
                      "label": "Overline From Left"
                    },
                    "dina-overline-from-center": {
                      "label": "Overline From Center"
                    },
                    "dina-overline-from-right": {
                      "label": "Overline From Right"
                    },
                    "dina-underline-reveal": {
                      "label": "Underline Reveal"
                    },
                    "dina-overline-reveal": {
                      "label": "Overline Reveal"
                    }
                  }
                }
              }
            }
          },
          "hoverBorderColor": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonOneHover",
              "attrName": "buttonOne.advanced.hoverBorderColor",
              "label": "Border Color",
              "priority": 30,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker",
                "props": {
                  "isAlpha": true
                }
              }
            }
          },
          "hoverBorderWidth": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonOneHover",
              "attrName": "buttonOne.advanced.hoverBorderWidth",
              "label": "Border Width",
              "priority": 40,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 100,
                  "step": 1,
                  "allowedUnits": [
                    "px",
                    "em",
                    "rem"
                  ],
                  "defaultUnit": "px"
                }
              }
            }
          },
          "hoverLineColor": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonOneHover",
              "attrName": "buttonOne.advanced.hoverLineColor",
              "label": "Line Color",
              "priority": 50,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker",
                "props": {
                  "isAlpha": true
                }
              }
            }
          },
          "hoverLineHeight": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonOneHover",
              "attrName": "buttonOne.advanced.hoverLineHeight",
              "label": "Line Height",
              "priority": 60,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 100,
                  "step": 1,
                  "allowedUnits": [
                    "px",
                    "em",
                    "rem"
                  ],
                  "defaultUnit": "px"
                }
              }
            }
          },
          "bgEffect": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonOneHover",
              "attrName": "buttonOne.advanced.bgEffect",
              "label": "Select Background Hover Effect",
              "priority": 70,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "": {
                      "label": "Select"
                    },
                    "dina-swipe-to-right": {
                      "label": "Swipe To Right"
                    },
                    "dina-swipe-to-left": {
                      "label": "Swipe To Left"
                    },
                    "dina-swipe-to-bottom": {
                      "label": "Swipe To Bottom"
                    },
                    "dina-swipe-to-top": {
                      "label": "Swipe To Top"
                    },
                    "dina-bounce-to-right": {
                      "label": "Bounce To Right"
                    },
                    "dina-bounce-to-left": {
                      "label": "Bounce To Left"
                    },
                    "dina-bounce-to-bottom": {
                      "label": "Bounce To Bottom"
                    },
                    "dina-bounce-to-top": {
                      "label": "Bounce To Top"
                    },
                    "dina-radial-in": {
                      "label": "Radial In"
                    },
                    "dina-radial-out": {
                      "label": "Radial Out"
                    },
                    "dina-rectangle-in": {
                      "label": "Rectangle In"
                    },
                    "dina-rectangle-out": {
                      "label": "Rectangle Out"
                    },
                    "dina-shutter-in-horizontal": {
                      "label": "Shutter In Horizontal"
                    },
                    "dina-shutter-out-horizontal": {
                      "label": "Shutter Out Horizontal"
                    },
                    "dina-shutter-in-vertical": {
                      "label": "Shutter In Vertical"
                    },
                    "dina-shutter-out-vertical": {
                      "label": "Shutter Out Vertical"
                    }
                  }
                }
              }
            }
          },
          "hoverBgColor": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonOneHover",
              "attrName": "buttonOne.advanced.hoverBgColor",
              "label": "Background Color",
              "priority": 80,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker",
                "props": {
                  "isAlpha": true
                }
              }
            }
          }
        }
      }
    },
    "buttonOneIcon": {
      "type": "object",
      "selector": "{{selector}} .dina_button_one-icon",
      "default": {
        "innerContent": {
          "desktop": {
            "value": {
              "unicode": "&#x35;",
              "type": "divi",
              "weight": "400"
            }
          }
        }
      },
      "settings": {
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupSlug": "designButtonOne",
            "attrName": "buttonOneIcon.innerContent",
            "label": "Select Button One Icon",
            "priority": 2,
            "render": true,
            "features": {
              "sticky": false,
              "responsive": false,
              "hover": false
            },
            "component": {
              "type": "field",
              "name": "divi/icon-picker"
            }
          }
        }
      }
    },
    "buttonTwo": {
      "type": "object",
      "selector": "{{selector}} .dina_button_two",
      "styleProps": {
        "background": {
          "important": true
        },
        "border": {
          "propertySelectors": {
            "desktop": {
              "value": {
                "border-radius": "{{selector}} .dina_button_two, {{selector}} .dina_button_two.dina-border-hover-effect:before"
              }
            }
          }
        }
      },
      "default": {
        "decoration": {
          "background": {
            "desktop": {
              "value": {
                "color": "#01564D"
              }
            }
          },
          "spacing": {
            "desktop": {
              "value": {
                "padding": {
                  "top": "18px",
                  "right": "30px",
                  "bottom": "18px",
                  "left": "30px"
                },
                "margin": {
                  "top": "0px",
                  "right": "0px",
                  "bottom": "0px",
                  "left": "0px"
                }
              }
            }
          }
        },
        "advanced": {
          "newWindow": {
            "desktop": {
              "value": "off"
            }
          },
          "useIcon": {
            "desktop": {
              "value": "on"
            }
          },
          "iconPlacement": {
            "desktop": {
              "value": "right"
            }
          },
          "iconOnHover": {
            "desktop": {
              "value": "on"
            }
          },
          "effect2d": {
            "desktop": {
              "value": ""
            }
          },
          "borderEffect": {
            "desktop": {
              "value": ""
            }
          },
          "hoverBorderColor": {
            "desktop": {
              "value": "#01564d"
            }
          },
          "hoverBorderWidth": {
            "desktop": {
              "value": "4px"
            }
          },
          "hoverLineColor": {
            "desktop": {
              "value": "#01564d"
            }
          },
          "hoverLineHeight": {
            "desktop": {
              "value": "4px"
            }
          },
          "bgEffect": {
            "desktop": {
              "value": ""
            }
          },
          "hoverBgColor": {
            "desktop": {
              "value": "#e02b20"
            }
          }
        }
      },
      "settings": {
        "decoration": {
          "background": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonTwo",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/background",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Button Two"
                }
              }
            }
          },
          "border": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonTwo",
              "priority": 20,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/border",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Button Two"
                }
              }
            }
          },
          "spacing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonTwo",
              "priority": 30,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/spacing",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Button Two"
                }
              }
            }
          },
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonTwoText",
              "priority": 40,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/font",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Button Two",
                  "fields": {
                    "headingLevel": {
                      "render": false
                    }
                  }
                }
              }
            }
          }
        },
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupSlug": "contentButtonTwo",
            "attrName": "buttonTwo.innerContent",
            "label": "Button Text",
            "priority": 10,
            "render": true,
            "features": {
              "sticky": false,
              "responsive": false,
              "hover": false,
              "dynamicContent": {
                "type": "text"
              }
            },
            "component": {
              "type": "field",
              "name": "divi/text"
            }
          }
        },
        "advanced": {
          "url": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentButtonTwo",
              "attrName": "buttonTwo.advanced.url",
              "label": "Button Url",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false,
                "dynamicContent": {
                  "type": "url"
                }
              },
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            }
          },
          "newWindow": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentButtonTwo",
              "attrName": "buttonTwo.advanced.newWindow",
              "label": "Open Button link in new window",
              "priority": 30,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "off": {
                      "label": "In The Same Window"
                    },
                    "on": {
                      "label": "In The New Tab"
                    }
                  }
                }
              }
            }
          },
          "useIcon": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonTwo",
              "attrName": "buttonTwo.advanced.useIcon",
              "label": "Show Button Two Icon",
              "priority": 1,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          },
          "iconPlacement": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonTwo",
              "attrName": "buttonTwo.advanced.iconPlacement",
              "label": "Button Two Icon Placement",
              "priority": 3,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "left": {
                      "label": "Left"
                    },
                    "right": {
                      "label": "Right"
                    }
                  }
                }
              }
            }
          },
          "iconOnHover": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonTwo",
              "attrName": "buttonTwo.advanced.iconOnHover",
              "label": "Only Show Icon On Hover For Button Two",
              "priority": 4,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          },
          "effect2d": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonTwoHover",
              "attrName": "buttonTwo.advanced.effect2d",
              "label": "Select 2D Hover Effect",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "": {
                      "label": "Select"
                    },
                    "dina-hover-grow": {
                      "label": "Grow"
                    },
                    "dina-hover-shrink": {
                      "label": "Shrink"
                    },
                    "dina-hover-pulse": {
                      "label": "Pulse"
                    },
                    "dina-hover-pulse-grow": {
                      "label": "Pulse Grow"
                    },
                    "dina-hover-pulse-shrink": {
                      "label": "Pulse Shrink"
                    },
                    "dina-hover-pop": {
                      "label": "Pop"
                    },
                    "dina-hover-push": {
                      "label": "Push"
                    },
                    "dina-hover-bounce-in": {
                      "label": "Bounce In"
                    },
                    "dina-hover-bounce-out": {
                      "label": "Bounce Out"
                    },
                    "dina-hover-rotate": {
                      "label": "Rotate"
                    },
                    "dina-hover-rotate-grow": {
                      "label": "Rotate Grow"
                    },
                    "dina-hover-float": {
                      "label": "Float"
                    },
                    "dina-hover-sink": {
                      "label": "Sink"
                    },
                    "dina-hover-bob": {
                      "label": "Bob"
                    },
                    "dina-hover-hang": {
                      "label": "Hang"
                    },
                    "dina-hover-skew-forward": {
                      "label": "Skew Forward"
                    },
                    "dina-hover-skew-backward": {
                      "label": "Skew Backward"
                    },
                    "dina-hover-wobble-horizontal": {
                      "label": "Wobble Horizontal"
                    },
                    "dina-hover-wobble-vertical": {
                      "label": "Wobble Vertical"
                    },
                    "dina-hover-wobble-to-bottom-right": {
                      "label": "Wobble to Bottom Right"
                    },
                    "dina-hover-wobble-to-top-right": {
                      "label": "Wobble to Top Right"
                    },
                    "dina-hover-wobble-top": {
                      "label": "Wobble Top"
                    },
                    "dina-hover-wobble-bottom": {
                      "label": "Wobble Bottom"
                    },
                    "dina-hover-wobble-skew": {
                      "label": "Wobble Skew"
                    },
                    "dina-hover-buzz": {
                      "label": "Buzz"
                    },
                    "dina-hover-buzz-out": {
                      "label": "Buzz Out"
                    },
                    "dina-hover-forward": {
                      "label": "Forward"
                    },
                    "dina-hover-backward": {
                      "label": "Backward"
                    }
                  }
                }
              }
            }
          },
          "borderEffect": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonTwoHover",
              "attrName": "buttonTwo.advanced.borderEffect",
              "label": "Select Border Hover Effect",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "": {
                      "label": "Select"
                    },
                    "dina-ripple-in": {
                      "label": "Ripple In"
                    },
                    "dina-ripple-out": {
                      "label": "Ripple Out"
                    },
                    "dina-outline-in": {
                      "label": "Outline In"
                    },
                    "dina-outline-out": {
                      "label": "Outline Out"
                    },
                    "dina-underline-from-left": {
                      "label": "Underline From Left"
                    },
                    "dina-underline-from-center": {
                      "label": "Underline From Center"
                    },
                    "dina-underline-from-right": {
                      "label": "Underline From Right"
                    },
                    "dina-overline-from-left": {
                      "label": "Overline From Left"
                    },
                    "dina-overline-from-center": {
                      "label": "Overline From Center"
                    },
                    "dina-overline-from-right": {
                      "label": "Overline From Right"
                    },
                    "dina-underline-reveal": {
                      "label": "Underline Reveal"
                    },
                    "dina-overline-reveal": {
                      "label": "Overline Reveal"
                    }
                  }
                }
              }
            }
          },
          "hoverBorderColor": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonTwoHover",
              "attrName": "buttonTwo.advanced.hoverBorderColor",
              "label": "Border Color",
              "priority": 30,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker",
                "props": {
                  "isAlpha": true
                }
              }
            }
          },
          "hoverBorderWidth": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonTwoHover",
              "attrName": "buttonTwo.advanced.hoverBorderWidth",
              "label": "Border Width",
              "priority": 40,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 100,
                  "step": 1,
                  "allowedUnits": [
                    "px",
                    "em",
                    "rem"
                  ],
                  "defaultUnit": "px"
                }
              }
            }
          },
          "hoverLineColor": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonTwoHover",
              "attrName": "buttonTwo.advanced.hoverLineColor",
              "label": "Line Color",
              "priority": 50,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker",
                "props": {
                  "isAlpha": true
                }
              }
            }
          },
          "hoverLineHeight": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonTwoHover",
              "attrName": "buttonTwo.advanced.hoverLineHeight",
              "label": "Line Height",
              "priority": 60,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 100,
                  "step": 1,
                  "allowedUnits": [
                    "px",
                    "em",
                    "rem"
                  ],
                  "defaultUnit": "px"
                }
              }
            }
          },
          "bgEffect": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonTwoHover",
              "attrName": "buttonTwo.advanced.bgEffect",
              "label": "Select Background Hover Effect",
              "priority": 70,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "": {
                      "label": "Select"
                    },
                    "dina-swipe-to-right": {
                      "label": "Swipe To Right"
                    },
                    "dina-swipe-to-left": {
                      "label": "Swipe To Left"
                    },
                    "dina-swipe-to-bottom": {
                      "label": "Swipe To Bottom"
                    },
                    "dina-swipe-to-top": {
                      "label": "Swipe To Top"
                    },
                    "dina-bounce-to-right": {
                      "label": "Bounce To Right"
                    },
                    "dina-bounce-to-left": {
                      "label": "Bounce To Left"
                    },
                    "dina-bounce-to-bottom": {
                      "label": "Bounce To Bottom"
                    },
                    "dina-bounce-to-top": {
                      "label": "Bounce To Top"
                    },
                    "dina-radial-in": {
                      "label": "Radial In"
                    },
                    "dina-radial-out": {
                      "label": "Radial Out"
                    },
                    "dina-rectangle-in": {
                      "label": "Rectangle In"
                    },
                    "dina-rectangle-out": {
                      "label": "Rectangle Out"
                    },
                    "dina-shutter-in-horizontal": {
                      "label": "Shutter In Horizontal"
                    },
                    "dina-shutter-out-horizontal": {
                      "label": "Shutter Out Horizontal"
                    },
                    "dina-shutter-in-vertical": {
                      "label": "Shutter In Vertical"
                    },
                    "dina-shutter-out-vertical": {
                      "label": "Shutter Out Vertical"
                    }
                  }
                }
              }
            }
          },
          "hoverBgColor": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtonTwoHover",
              "attrName": "buttonTwo.advanced.hoverBgColor",
              "label": "Background Color",
              "priority": 80,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker",
                "props": {
                  "isAlpha": true
                }
              }
            }
          }
        }
      }
    },
    "buttonTwoIcon": {
      "type": "object",
      "selector": "{{selector}} .dina_button_two-icon",
      "default": {
        "innerContent": {
          "desktop": {
            "value": {
              "unicode": "&#x35;",
              "type": "divi",
              "weight": "400"
            }
          }
        }
      },
      "settings": {
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupSlug": "designButtonTwo",
            "attrName": "buttonTwoIcon.innerContent",
            "label": "Select Button Two Icon",
            "priority": 2,
            "render": true,
            "features": {
              "sticky": false,
              "responsive": false,
              "hover": false
            },
            "component": {
              "type": "field",
              "name": "divi/icon-picker"
            }
          }
        }
      }
    },
    "separatorIcon": {
      "type": "object",
      "selector": "{{selector}} .dina_dual_button-separator i.dina_icon",
      "default": {
        "innerContent": {
          "desktop": {
            "value": {
              "unicode": "&#xe030;",
              "type": "divi",
              "weight": "400"
            }
          }
        },
        "decoration": {
          "spacing": {
            "desktop": {
              "value": {
                "padding": {
                  "top": "0px",
                  "right": "0px",
                  "bottom": "0px",
                  "left": "0px"
                }
              }
            }
          }
        },
        "advanced": {
          "color": {
            "desktop": {
              "value": "#333333"
            }
          },
          "size": {
            "desktop": {
              "value": "20px"
            }
          }
        }
      },
      "settings": {
        "decoration": {
          "border": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designSeparatorIcon",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/border",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Separator Icon"
                }
              }
            }
          },
          "spacing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designSeparatorIcon",
              "priority": 20,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/spacing",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Icon",
                  "fields": {
                    "margin": {
                      "render": false
                    }
                  }
                }
              }
            }
          }
        },
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupSlug": "contentSeparator",
            "attrName": "separatorIcon.innerContent",
            "label": "Select Icon",
            "priority": 30,
            "render": true,
            "features": {
              "sticky": false,
              "responsive": false,
              "hover": false
            },
            "component": {
              "type": "field",
              "name": "divi/icon-picker"
            }
          }
        },
        "advanced": {
          "background": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designSeparatorIcon",
              "attrName": "separatorIcon.advanced.background",
              "label": "Icon Background",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": true
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker",
                "props": {
                  "isAlpha": true
                }
              }
            }
          },
          "color": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designSeparatorIcon",
              "attrName": "separatorIcon.advanced.color",
              "label": "Icon Color",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": true
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker",
                "props": {
                  "isAlpha": true
                }
              }
            }
          },
          "size": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designSeparatorIcon",
              "attrName": "separatorIcon.advanced.size",
              "label": "Icon Size",
              "priority": 30,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": true
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 1000,
                  "step": 1,
                  "allowedUnits": [
                    "px",
                    "em",
                    "rem"
                  ],
                  "defaultUnit": "px"
                }
              }
            }
          }
        }
      }
    },
    "separatorText": {
      "type": "object",
      "selector": "{{selector}} .dina_dual_button-separator-text",
      "tagName": "span",
      "attributes": {
        "class": "dina_dual_button-separator-text"
      },
      "inlineEditor": "plainText",
      "childrenSanitizer": "et_core_esc_previously",
      "default": {
        "innerContent": {
          "desktop": {
            "value": "Or"
          }
        },
        "decoration": {
          "spacing": {
            "desktop": {
              "value": {
                "padding": {
                  "top": "0px",
                  "right": "0px",
                  "bottom": "0px",
                  "left": "0px"
                }
              }
            }
          }
        }
      },
      "settings": {
        "decoration": {
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designSeparatorText",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/font",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Separator",
                  "fields": {
                    "headingLevel": {
                      "render": false
                    }
                  }
                }
              }
            }
          },
          "border": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designSeparatorText",
              "priority": 20,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/border",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Separator Text"
                }
              }
            }
          },
          "spacing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designSeparatorText",
              "priority": 30,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/spacing",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Separator Text",
                  "fields": {
                    "margin": {
                      "render": false
                    }
                  }
                }
              }
            }
          }
        },
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupSlug": "contentSeparator",
            "attrName": "separatorText.innerContent",
            "label": "Separator Text",
            "priority": 40,
            "render": true,
            "features": {
              "sticky": false,
              "responsive": false,
              "hover": false,
              "dynamicContent": {
                "type": "text"
              }
            },
            "component": {
              "type": "field",
              "name": "divi/text"
            }
          }
        },
        "advanced": {
          "background": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designSeparatorText",
              "attrName": "separatorText.advanced.background",
              "label": "Separator Text Background",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": true
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker",
                "props": {
                  "isAlpha": true
                }
              }
            }
          }
        }
      }
    }
  },
  "customCssFields": {},
  "settings": {
    "content": "auto",
    "design": "auto",
    "advanced": "auto",
    "groups": {
      "contentButtonOne": {
        "panel": "content",
        "priority": 10,
        "groupName": "contentButtonOne",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Button One"
          }
        }
      },
      "designButtonOne": {
        "panel": "design",
        "priority": 20,
        "groupName": "designButtonOne",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Button One Design"
          }
        }
      },
      "designButtonOneText": {
        "panel": "design",
        "priority": 30,
        "groupName": "designButtonOneText",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Button One Text",
            "clipboardCategory": "style",
            "presetGroup": "divi/font"
          }
        }
      },
      "designButtonOneHover": {
        "panel": "design",
        "priority": 40,
        "groupName": "designButtonOneHover",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Button One Hover"
          }
        }
      },
      "contentSeparator": {
        "panel": "content",
        "priority": 50,
        "groupName": "contentSeparator",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Separator"
          }
        }
      },
      "contentButtonTwo": {
        "panel": "content",
        "priority": 60,
        "groupName": "contentButtonTwo",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Button Two"
          }
        }
      },
      "designButtonTwo": {
        "panel": "design",
        "priority": 70,
        "groupName": "designButtonTwo",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Button Two Design"
          }
        }
      },
      "designButtonTwoText": {
        "panel": "design",
        "priority": 80,
        "groupName": "designButtonTwoText",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Button Two Text",
            "clipboardCategory": "style",
            "presetGroup": "divi/font"
          }
        }
      },
      "designButtonTwoHover": {
        "panel": "design",
        "priority": 90,
        "groupName": "designButtonTwoHover",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Button Two Hover"
          }
        }
      },
      "designGeneral": {
        "panel": "design",
        "priority": 5,
        "groupName": "designGeneral",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "General"
          }
        }
      },
      "designSeparatorIcon": {
        "panel": "design",
        "priority": 110,
        "groupName": "designSeparatorIcon",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Separator Icon"
          }
        }
      },
      "designSeparatorText": {
        "panel": "design",
        "priority": 120,
        "groupName": "designSeparatorText",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Separator Text"
          }
        }
      }
    }
  }
}
