/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./Src/Gutenberg/OverrideProductButton/style.css ***!
  \***************************************************************************************************************************************************************************************************/
@import url(https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.2/src/regular/style.css);
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./Src/Gutenberg/OverrideProductButton/style.css (1) ***!
  \*******************************************************************************************************************************************************************************************************/
.brandy-product-button-icon-content {
  color: inherit;
  display: inline-flex;
}

.brandy-product-button-icon-content i.ph:before {
  font-size: 1.2em;
}

.has-icon.add_to_cart_button {
  gap: 5px;
}

.has-icon.brandy-product-button-tooltip-text.add_to_cart_button,
.block-editor-block-list__block.brandy-product-button-has-icon.brandy-product-button-tooltip-text
  .add_to_cart_button {
  position: relative;
  overflow: visible !important;
}

/* Hide text when button has has-icon class, but keep the icon visible */
a.add_to_cart_button.has-icon.brandy-product-button-hide-text
  .add_to_cart_button__text,
button.add_to_cart_button.has-icon.brandy-product-button-hide-text
  .add_to_cart_button__text,
.wc-block-components-product-button_button.has-icon.brandy-product-button-hide-text
  .add_to_cart_button__text {
  display: none !important;
}

/* Hide text spans when icon is enabled, but keep the icon visible */
.has-icon.brandy-product-button-hide-text
  span:not(.brandy-product-button-icon-content),
.wc-block-components-product-button
  button.loading.has-icon.brandy-product-button-hide-text
  .brandy-product-button-icon-content,
.wc-block-components-product-button
  button.loading.has-icon.brandy-product-button-tooltip-text
  .brandy-product-button-icon-content {
  display: none;
}

/* Specifically hide the text span when icon is enabled */
.wp-block-woocommerce-product-button.has-icon.brandy-product-button-hide-text
  .add_to_cart_button__text {
  display: none !important;
}

/* Also hide text when the block wrapper has the has-icon class */
[data-block].has-icon.brandy-product-button-hide-text
  .wp-block-woocommerce-product-button
  .add_to_cart_button__text,
.brandy-product-button-has-icon.brandy-product-button-hide-text
  .wp-block-woocommerce-product-button
  .add_to_cart_button__text,
.brandy-product-button-has-icon.brandy-product-button-hide-text
  .add_to_cart_button__text {
  display: none !important;
}

.wc-block-components-product-button
  button.has-icon.brandy-product-button-tooltip-text
  > *:not(.brandy-product-button-icon-content),
.wc-block-components-product-button
  a.has-icon.brandy-product-button-tooltip-text
  > *:not(.brandy-product-button-icon-content),
.block-editor-block-list__block.brandy-product-button-has-icon.brandy-product-button-tooltip-text
  .add_to_cart_button__text {
  position: absolute;
  right: calc(100% + 5px);
  top: 50%;
  transform: translateY(-50%);
  width: -moz-max-content;
  width: max-content;
  background: #ffffff;
  color: #122940;
  font-size: 12px;
  box-shadow: 0px 1px 0px 0px #00000012;
  font-weight: 500;
  padding: 5px 8px;
  border-radius: 2px;
  visibility: hidden;
  white-space: nowrap;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  z-index: 2;
}

.wc-block-components-product-button
  button.has-icon.brandy-product-button-tooltip-text:hover
  > *:not(.brandy-product-button-icon-content),
.wc-block-components-product-button
  a.has-icon.brandy-product-button-tooltip-text:hover
  > *:not(.brandy-product-button-icon-content),
.block-editor-block-list__block.brandy-product-button-has-icon.brandy-product-button-tooltip-text:hover
  .add_to_cart_button__text {
  visibility: visible;
  opacity: 1;
}

.has-icon.brandy-product-button-hide-text.loading:after,
.has-icon.brandy-product-button-tooltip-text.loading:after {
  margin: 0 !important;
}


/*# sourceMappingURL=style-index.js.css.map*/