{"version":3,"file":"block-library-style.css","mappings":";;;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAHD;AAKC;EAEC;AAJF;AAOC;EAEC;EACA;AANF;AASC;EAEC;EACA;AARF;;AAaA;EACC;EACA;EACA;EACA;AAVD;;AAcA;EACC;AAXD;;AAgBC;EACC;AAbF;AAeE;EACC;AAbH;AAkBE;EACC;AAhBH;AAoBC;EACC;AAlBF;AAqBC;EACC;AAnBF;AAsBC;EACC;AApBF;AAuBC;EACC;EACA;AArBF;;AA2BC;EACC;AAxBF;AA2BC;EACC;AAzBF;AA4BC;EACC;AA1BF;;AA+BA;;EAEC;AA5BD;;AA+BA;;EAEC;AA5BD;;AAgCA;EASC;EAOA;EAwBA;AAlED;AA4BC;EACC;EACA;EACA;EACA;AA1BF;AA8BC;EACC;EACA;EACA;AA5BF;AAgCC;EACC;EACA;EACA;AA9BF;AAiCC;;EAEC;EACA;AA/BF;AAkCC;;EAEC;AAhCF;AAmCC;;EAEC;EACA;AAjCF;AAqCC;EACC;AAnCF;;AA0CC;EACC;AAvCF;AA2CC;EACC;AAzCF;AA6CC;EACC;AA3CF;;AAgDA;EACC;IACC;EA7CA;EAgDD;IACC;EA9CA;AACF;AAiDA;EACC;EACA;AA/CD,C;;;;ACxIA;;EAAA;AAKA;EACC;;IAAA;EAGA;EAYA;;IAAA;EAoCA;;IAAA;EAOA;;;;;;;IAAA;EAQA;AAjDD;AAZC;EACC;AAcF;AAXG;EACC;AAaJ;AALC;EACC;EACA;AAOF;AAJC;EACC;AAMF;AAJE;EACC;AAMH;AAFC;EACC;AAIF;AAFE;EACC;AAIH;AAAC;EACC;AAEF;AAAE;EACC;AAEH;AAEC;EACC;AAAF;AAMC;EACC;AAJF;AAoBE;;;;EACC;EACA;EACA;EACA;AAfH;AAqBE;;EAEC;AAnBH;AAwBE;EACC;AAtBH;;AA2BA;AACA;EACC;AAxBD;;AA4BC;EACC;AAzBF,C","sources":["webpack://popup-maker/core/./packages/block-library/src/lib/cta-button/style.scss?","webpack://popup-maker/core/./packages/block-library/src/lib/cta-buttons/style.scss?"],"sourcesContent":["// This variable is repeated across Button, Buttons, and Buttons editor styles.\n$blocks-block__margin: 0.5em;\n\n// Use our CTA button class but maintain the same styling structure\n.wp-block-popup-maker-cta-button__link {\n\talign-content: center;\n\tbox-sizing: border-box;\n\tcursor: pointer;\n\tdisplay: inline-block;\n\theight: 100%;\n\ttext-align: center;\n\twidth: 100%;\n\tword-break: break-word;\n\n\t&.aligncenter,\n\t&.has-text-align-center {\n\t\ttext-align: center;\n\t}\n\n\t&.alignright,\n\t&.has-text-align-right {\n\t\t/*rtl:ignore*/\n\t\ttext-align: right;\n\t}\n\n\t&.alignleft,\n\t&.has-text-align-left {\n\t\t/*rtl:ignore*/\n\t\ttext-align: left;\n\t}\n}\n\n// Keep low specificity for theme.json compatibility\n:where(.wp-block-popup-maker-cta-button__link) {\n\tborder-radius: 9999px;\n\tbox-shadow: none;\n\tpadding: 1rem 2.25rem;\n\ttext-decoration: none;\n}\n\n// Inherit text decoration\n.wp-block-popup-maker-cta-button[style*=\"text-decoration\"] .wp-block-popup-maker-cta-button__link {\n\ttext-decoration: inherit;\n}\n\n// Width controls - updated for our namespace\n.wp-block-popup-maker-cta-buttons>.wp-block-popup-maker-cta-button {\n\t&.has-custom-width {\n\t\tmax-width: none;\n\n\t\t.wp-block-popup-maker-cta-button__link {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\n\t&.has-custom-font-size {\n\t\t.wp-block-popup-maker-cta-button__link {\n\t\t\tfont-size: inherit;\n\t\t}\n\t}\n\n\t&.wp-block-popup-maker-cta-button__width-25 {\n\t\twidth: calc(25% - (var(--wp--style--block-gap, #{$blocks-block__margin}) * 0.75));\n\t}\n\n\t&.wp-block-popup-maker-cta-button__width-50 {\n\t\twidth: calc(50% - (var(--wp--style--block-gap, #{$blocks-block__margin}) * 0.5));\n\t}\n\n\t&.wp-block-popup-maker-cta-button__width-75 {\n\t\twidth: calc(75% - (var(--wp--style--block-gap, #{$blocks-block__margin}) * 0.25));\n\t}\n\n\t&.wp-block-popup-maker-cta-button__width-100 {\n\t\twidth: 100%;\n\t\tflex-basis: 100%;\n\t}\n}\n\n// Vertical buttons layout\n.wp-block-popup-maker-cta-buttons.is-vertical>.wp-block-popup-maker-cta-button {\n\t&.wp-block-popup-maker-cta-button__width-25 {\n\t\twidth: 25%;\n\t}\n\n\t&.wp-block-popup-maker-cta-button__width-50 {\n\t\twidth: 50%;\n\t}\n\n\t&.wp-block-popup-maker-cta-button__width-75 {\n\t\twidth: 75%;\n\t}\n}\n\n// Style variations\n.wp-block-popup-maker-cta-button.is-style-squared,\n.wp-block-popup-maker-cta-button__link.wp-block-popup-maker-cta-button.is-style-squared {\n\tborder-radius: 0;\n}\n\n.wp-block-popup-maker-cta-button.no-border-radius,\n.wp-block-popup-maker-cta-button__link.no-border-radius {\n\tborder-radius: 0 !important;\n}\n\n// Outline style variation with global styles compatibility\n:root {\n\n\t:where(.wp-block-popup-maker-cta-button) {\n\t\tfont-family: inherit;\n\t\tfont-size: var(--wp--preset--font-size--medium);\n\t\tfont-style: normal;\n\t\tline-height: inherit;\n\t}\n\n\t/* Default button styles where not another style is applied */\n\t:where(.wp-block-popup-maker-cta-button:not(.is-style-outline))>.wp-block-popup-maker-cta-button__link:not(.is-style-outline) {\n\t\tbackground-color: var(--wp--preset--color--contrast);\n\t\tcolor: var(--wp--preset--color--base);\n\t\tborder-color: var(--wp--preset--color--contrast);\n\t}\n\n\t/* Hover styles for default (fill) button - works with theme colors */\n\t:where(.wp-block-popup-maker-cta-button:not(.is-style-outline))>.wp-block-popup-maker-cta-button__link:not(.is-style-outline):hover {\n\t\tbackground-color: color-mix(in srgb, var(--wp--preset--color--contrast) 85%, transparent);\n\t\tborder-color: transparent;\n\t\tcolor: var(--wp--preset--color--base);\n\t}\n\n\t:where(.wp-block-popup-maker-cta-button.is-style-outline > .wp-block-popup-maker-cta-button__link),\n\t:where(.wp-block-popup-maker-cta-button .wp-block-popup-maker-cta-button__link.is-style-outline) {\n\t\tborder: 1px solid currentColor;\n\t\tpadding: calc(1rem - 1px) calc(2.25rem - 1px);\n\t}\n\n\t:where(.wp-block-popup-maker-cta-button.is-style-outline > .wp-block-popup-maker-cta-button__link:not(.has-text-color)),\n\t:where(.wp-block-popup-maker-cta-button .wp-block-popup-maker-cta-button__link.is-style-outline:not(.has-text-color)) {\n\t\tcolor: currentColor;\n\t}\n\n\t:where(.wp-block-popup-maker-cta-button.is-style-outline > .wp-block-popup-maker-cta-button__link:not(.has-background)),\n\t:where(.wp-block-popup-maker-cta-button .wp-block-popup-maker-cta-button__link.is-style-outline:not(.has-background)) {\n\t\tbackground-color: transparent;\n\t\tbackground-image: none;\n\t}\n\n\t/* Hover styles for outline button - works with theme colors */\n\t:where(.wp-block-popup-maker-cta-button.is-style-outline > .wp-block-popup-maker-cta-button__link.wp-block-popup-maker-cta-button__link:not(.has-background):hover) {\n\t\tbackground-color: color-mix(in srgb, var(--wp--preset--color--contrast) 5%, transparent);\n\t}\n}\n\n// Universal hover styles that work with custom colors set by users\n.wp-block-popup-maker-cta-button__link:hover {\n\t// For buttons with custom background colors (inline styles)\n\t&[style*=\"background-color\"]:not(.is-style-outline) {\n\t\tfilter: brightness(0.85);\n\t}\n\n\t// For buttons with custom background colors using CSS classes\n\t&.has-background:not(.is-style-outline):hover {\n\t\tfilter: brightness(0.85);\n\t}\n\n\t// For outline buttons with custom colors\n\t&.is-style-outline:hover {\n\t\tfilter: brightness(1.05);\n\t}\n}\n\n// Fallback hover styles for browsers that don't support color-mix\n@supports not (background-color: color-mix(in srgb, red 50%, blue)) {\n\t:where(.wp-block-popup-maker-cta-button:not(.is-style-outline))>.wp-block-popup-maker-cta-button__link:not(.is-style-outline):hover {\n\t\tfilter: brightness(0.85);\n\t}\n\n\t:where(.wp-block-popup-maker-cta-button.is-style-outline > .wp-block-popup-maker-cta-button__link.wp-block-popup-maker-cta-button__link:not(.has-background):hover) {\n\t\tfilter: brightness(1.05);\n\t}\n}\n\n.wp-block-popup-maker-cta-button {\n\tcursor: text;\n\tposition: relative;\n}\n","/**\n * This variable is repeated across Button, Buttons, and Buttons editor styles.\n */\n$blocks-block__margin: 0.5em;\n\n.wp-block-popup-maker-cta-buttons {\n\t/**\n\t * This block has customizable padding, border-box makes that more predictable.\n\t */\n\tbox-sizing: border-box;\n\n\t&.is-vertical {\n\t\tflex-direction: column;\n\n\t\t>.wp-block-popup-maker-cta-button {\n\t\t\t&:last-child {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Increased specificity to override blocks default margin.\n\t */\n\t>.wp-block-popup-maker-cta-button {\n\t\tdisplay: inline-block;\n\t\tmargin: 0;\n\t}\n\n\t&.is-content-justification-left {\n\t\tjustify-content: flex-start;\n\n\t\t&.is-vertical {\n\t\t\talign-items: flex-start;\n\t\t}\n\t}\n\n\t&.is-content-justification-center {\n\t\tjustify-content: center;\n\n\t\t&.is-vertical {\n\t\t\talign-items: center;\n\t\t}\n\t}\n\n\t&.is-content-justification-right {\n\t\tjustify-content: flex-end;\n\n\t\t&.is-vertical {\n\t\t\talign-items: flex-end;\n\t\t}\n\t}\n\n\t&.is-content-justification-space-between {\n\t\tjustify-content: space-between;\n\t}\n\n\t/**\n\t * Kept for backward compatibility.\n\t */\n\t&.aligncenter {\n\t\ttext-align: center;\n\t}\n\n\t/**\n\t * Back compat: Inner button blocks previously had their own alignment\n\t * options. Forcing them to 100% width in the flex container replicates\n\t * that these were block level elements that took up the full width.\n\t *\n\t * This back compat rule is ignored if the user decides to use the\n\t * newer justification options on the button block, hence the :not.\n\t */\n\t/* stylelint-disable @stylistic/indentation -- Disable the stylelint rule, otherwise this selector is ugly! */\n\t&:not(.is-content-justification-space-between,\n\t\t.is-content-justification-right,\n\t\t.is-content-justification-left,\n\t\t.is-content-justification-center) {\n\t\t.wp-block-popup-maker-cta-button.aligncenter {\n\t\t\t/* stylelint-enable @stylistic/indentation */\n\t\t\tmargin-left: auto;\n\t\t\tmargin-right: auto;\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\n\t&[style*=\"text-decoration\"] {\n\n\t\t.wp-block-popup-maker-cta-button,\n\t\t.wp-block-popup-maker-cta-button__link {\n\t\t\ttext-decoration: inherit;\n\t\t}\n\t}\n\n\t&.has-custom-font-size {\n\t\t.wp-block-popup-maker-cta-button__link {\n\t\t\tfont-size: inherit;\n\t\t}\n\t}\n}\n\n/* Legacy buttons that did not come in a wrapping container. */\n.wp-block-popup-maker-cta-button.aligncenter {\n\ttext-align: center;\n}\n\n:root {\n\t.wp-block-popup-maker-cta-buttons.is-layout-flex:not([class*=\"wp-container-popup-maker-cta-buttons-is-layout-\"]) {\n\t\tgap: 16px;\n\t}\n}"],"names":[],"sourceRoot":""}