{"version":3,"file":"advanced-button/style-index.css","mappings":";;;AAAA;;;;;EAAA;AAOA;EACC;EACG;EAEH;EACA;EAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADD;AAGC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EACC;EACA;EACA;EACA;AADH;AAGG;;;;;;;;;;;EAWC;AADJ;AAMC;EACC;AAJF;AAME;EACC;EACA;AAJH,C","sources":["webpack://wpopus/./src/advanced-button/style.scss"],"sourcesContent":["/**\n * The following styles get applied both on the front of your site\n * and in the editor.\n *\n * Replace them with your own styles or remove the file completely.\n */\n\n.wpopus-advanced-button {\n\t--wpopus-advanced-button-icon-size: 20px;\n    --wpopus-advanced-button-icon-gap: 8px;\n\n\tbox-sizing: border-box;\n\twidth: max-content;\n\tbackground-color: #2d2d2d;\n\tcolor: #ffffff;\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tpadding: 10px 15px;\n\tborder-radius: 5px;\n\tfont-size: 16px;\n\tcursor: pointer;\n\t\n\t.wpopus-icon {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tmargin-left: var( --wpopus-advanced-button-icon-gap );\n\t\tcolor: currentColor;\n\t\theight: var( --wpopus-advanced-button-icon-size );\n\t\twidth: var( --wpopus-advanced-button-icon-size );\n\n\t\tsvg {\n\t\t\tfill: currentColor;\n\t\t\tcolor: currentColor;\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\t\n\t\t\tellipse,\n\t\t\tpolygon,\n\t\t\tpolyline,\n\t\t\tline,\n\t\t\trect,\n\t\t\tcircle,\n\t\t\tpath,\n\t\t\ttext,\n\t\t\tuse,\n\t\t\tg,\n\t\t\timage {\n\t\t\t\tstroke: currentColor !important; \n\t\t\t}\n\t\t}\n\t}\n\n\t&.icon-left {\n\t\tflex-direction: row-reverse;\n\n\t\t.wpopus-icon {\n\t\t\tmargin-left: 0;\n\t\t\tmargin-right: var( --wpopus-advanced-button-icon-gap );\n\t\t}\n\t}\n}\n"],"names":[],"sourceRoot":""}