/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/hero--actions/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.wp-block-frs-blocks-hero--actions {
  --button-main-color: var(--wp--preset--color--main-primary-medium);
  --button-interacting-color: var(--wp--preset--color--main-secondary-medium);
  --button-contrasting-color--main: var(--wp--preset--color--neutral);
  --button-contrasting-color--interacting: var(--button-contrasting-color--main);
}
.wp-block-frs-blocks-hero--actions {
  margin: 28px 0 0 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1em;
  position: relative;
  z-index: 3;
}
@media (max-width: 767px) {
  .wp-block-frs-blocks-hero--actions {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .wp-block-frs-blocks-hero--actions {
    flex-direction: column;
    gap: 20px;
  }
}
.wp-block-frs-blocks-hero--actions .button-container {
  margin: 0;
}
@media (min-width: 768px) {
  .wp-block-frs-blocks-hero--actions .button-container {
    transform: skew(-26deg);
  }
}
.wp-block-frs-blocks-hero--actions .button-container .wp-block-frs-blocks-button {
  --border-style: 2px solid var(--button-main-color);
  --border-style--hover: 2px solid var(--button-interacting-color);
  --background-color: var(--button-main-color);
  --background-color--hover: var(--button-interacting-color);
  --text-color: var(--button-contrasting-color--main);
  --text-color--hover: var(--button-contrasting-color--interacting);
}
@media (max-width: 767px) {
  .wp-block-frs-blocks-hero--actions .button-container .wp-block-frs-blocks-button {
    width: 100%;
  }
}
.wp-block-frs-blocks-hero--actions .button-container ~ .button-container .wp-block-frs-blocks-button {
  --button-contrasting-color--main: var(--button-main-color);
  --background-color: transparent;
}
@media (max-width: 767px) {
  .wp-block-frs-blocks-hero:not(.is-style-non-branded) .wp-block-frs-blocks-hero--actions .button-container .wp-block-frs-blocks-button {
    --button-main-color: var(--wp--preset--color--main-primary-light);
    --button-contrasting-color--main: var(--wp--preset--color--main-primary-soft);
  }
}
@media (max-width: 767px) {
  .wp-block-frs-blocks-hero:not(.is-style-non-branded) .wp-block-frs-blocks-hero--actions .button-container ~ .button-container .wp-block-frs-blocks-button {
    --button-main-color: var(--wp--preset--color--accent-primary-6-semi-transparent);
    --button-contrasting-color--main: var(--wp--preset--color--main-primary-light);
  }
}
@media (max-width: 1024px) {
  .wp-block-frs-blocks-hero:not(.is-style-non-branded):not(.is-style-animated) .wp-block-frs-blocks-hero--actions {
    flex-direction: column;
  }
}
.is-style-animated .wp-block-frs-blocks-hero--actions .button-container {
  transform: none;
}
.wp-block-frs-blocks-hero.is-style-non-branded .wp-block-frs-blocks-hero--actions {
  max-width: unset;
}
.wp-block-frs-blocks-hero.is-style-non-branded .wp-block-frs-blocks-hero--actions .button-container {
  transform: none;
}
.wp-block-frs-blocks-hero.is-style-non-branded[data-overlay*=dark] .wp-block-frs-blocks-hero--actions .button-container .wp-block-frs-blocks-button {
  --button-main-color: var(--wp--preset--color--main-primary-light);
  --button-contrasting-color--main: var(--wp--preset--color--main-primary-soft);
}
.wp-block-frs-blocks-hero.is-style-non-branded[data-overlay*=dark] .wp-block-frs-blocks-hero--actions .button-container ~ .button-container .wp-block-frs-blocks-button {
  --button-contrasting-color--main: var(--wp--preset--color--main-primary-light);
}

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