/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/advanced-button/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wpopus-advanced-button {
  --wpopus-advanced-button-icon-size: 20px;
  --wpopus-advanced-button-icon-gap: 8px;
  box-sizing: border-box;
  width: -moz-max-content;
  width: max-content;
  background-color: #2d2d2d;
  color: #ffffff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 15px;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
}
.wpopus-advanced-button .wpopus-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: var(--wpopus-advanced-button-icon-gap);
  color: currentColor;
  height: var(--wpopus-advanced-button-icon-size);
  width: var(--wpopus-advanced-button-icon-size);
}
.wpopus-advanced-button .wpopus-icon svg {
  fill: currentColor;
  color: currentColor;
  height: 100%;
  width: 100%;
}
.wpopus-advanced-button .wpopus-icon svg ellipse,
.wpopus-advanced-button .wpopus-icon svg polygon,
.wpopus-advanced-button .wpopus-icon svg polyline,
.wpopus-advanced-button .wpopus-icon svg line,
.wpopus-advanced-button .wpopus-icon svg rect,
.wpopus-advanced-button .wpopus-icon svg circle,
.wpopus-advanced-button .wpopus-icon svg path,
.wpopus-advanced-button .wpopus-icon svg text,
.wpopus-advanced-button .wpopus-icon svg use,
.wpopus-advanced-button .wpopus-icon svg g,
.wpopus-advanced-button .wpopus-icon svg image {
  stroke: currentColor !important;
}
.wpopus-advanced-button.icon-left {
  flex-direction: row-reverse;
}
.wpopus-advanced-button.icon-left .wpopus-icon {
  margin-left: 0;
  margin-right: var(--wpopus-advanced-button-icon-gap);
}

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