/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/button/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.wp-block-frs-blocks-button {
  --background-color: var(--wp--preset--color--ui-control);
  --background-color--hover: var(--wp--preset--color--ui-control-interacting);
  --text-color: var(--wp--preset--color--neutral);
  --text-color--hover: var(--wp--preset--color--neutral);
  --border-style: 2px solid var(--wp--preset--color--ui-control);
  --border-style--hover: 2px solid var(--wp--preset--color--ui-control-interacting);
  --icon-color: transparent;
  --icon-color--hover: transparent;
  display: inline-flex;
  padding: 9px 28px;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-family: var(--wp--preset--font-family--inter-tight), sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.2;
  text-align: center;
}
@media (max-width: 767px) {
  .wp-block-frs-blocks-button {
    font-size: 16px;
  }
}
.wp-block-frs-blocks-button, .wp-block-frs-blocks-button:visited {
  background: var(--background-color);
  color: var(--text-color);
  border: var(--border-style);
}
.wp-block-frs-blocks-button, .wp-block-frs-blocks-button:after {
  transition: 0.3s all ease-in-out;
}
.wp-block-frs-blocks-button:after {
  background-color: var(--icon-color);
}
@media (max-width: 767px) {
  .wp-block-frs-blocks-button {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.wp-block-frs-blocks-button:hover, .wp-block-frs-blocks-button:active, .wp-block-frs-blocks-button:focus {
  background-color: var(--background-color--hover);
  color: var(--text-color--hover);
  border: var(--border-style--hover);
}
.wp-block-frs-blocks-button:hover:after, .wp-block-frs-blocks-button:active:after, .wp-block-frs-blocks-button:focus:after {
  background-color: var(--icon-color--hover);
}
.wp-block-frs-blocks-button[disabled] {
  --background-color: var(--wp--preset--color--accent-primary-6);
  --border-style: 2px solid var(--wp--preset--color--accent-primary-6);
  pointer-events: none;
}
.wp-block-frs-blocks-button.variant-link {
  --background-color: transparent;
  --background-color--hover: transparent;
  --text-color: var(--wp--preset--color--ui-control);
  --text-color--hover: var(--wp--preset--color--ui-control-interacting);
  --border-style: none;
  --border-style--hover: none;
  --icon-color: var(--wp--preset--color--ui-control);
  --icon-color--hover: var(--wp--preset--color--ui-control-interacting);
  padding: 0;
  justify-content: flex-start;
  align-items: center;
  font-size: inherit;
  text-decoration: underline;
}
.wp-block-frs-blocks-button.variant-link:after {
  content: "";
  margin-left: 0.55em;
  width: 1em;
  height: 0.775em;
  clip-path: polygon(97.715% 43.521%, 61.429% 2.25%, 61.429% 2.25%, 60.534% 1.386%, 59.567% 0.732%, 58.548% 0.286%, 57.497% 0.046%, 56.435% 0.012%, 55.381% 0.182%, 54.355% 0.554%, 53.378% 1.129%, 52.469% 1.904%, 51.65% 2.879%, 51.65% 2.879%, 50.963% 4.006%, 50.443% 5.225%, 50.088% 6.509%, 49.898% 7.834%, 49.871% 9.174%, 50.006% 10.503%, 50.303% 11.797%, 50.76% 13.029%, 51.375% 14.174%, 52.149% 15.207%, 75.068% 41.271%, 6.927% 41.271%, 6.927% 41.271%, 5.804% 41.386%, 4.738% 41.716%, 3.744% 42.246%, 2.836% 42.955%, 2.029% 43.828%, 1.336% 44.845%, 0.773% 45.988%, 0.353% 47.241%, 0.091% 48.584%, 0% 50%, 0% 50%, 0.091% 51.416%, 0.353% 52.759%, 0.773% 54.012%, 1.336% 55.155%, 2.029% 56.172%, 2.836% 57.045%, 3.744% 57.754%, 4.738% 58.284%, 5.804% 58.614%, 6.927% 58.729%, 75.425% 58.729%, 53.05% 84.879%, 53.05% 84.879%, 52.287% 85.925%, 51.684% 87.081%, 51.241% 88.32%, 50.959% 89.618%, 50.838% 90.949%, 50.879% 92.287%, 51.083% 93.608%, 51.451% 94.885%, 51.984% 96.093%, 52.681% 97.207%, 52.681% 97.207%, 53.105% 97.737%, 53.556% 98.211%, 54.03% 98.629%, 54.524% 98.993%, 55.036% 99.3%, 55.563% 99.552%, 56.102% 99.748%, 56.65% 99.888%, 57.204% 99.972%, 57.761% 100%, 57.761% 100%, 58.266% 99.977%, 58.769% 99.907%, 59.268% 99.791%, 59.761% 99.629%, 60.245% 99.42%, 60.719% 99.164%, 61.18% 98.861%, 61.627% 98.512%, 62.056% 98.115%, 62.466% 97.671%, 97.789% 56.4%, 97.789% 56.4%, 98.197% 55.881%, 98.567% 55.325%, 98.897% 54.734%, 99.187% 54.114%, 99.435% 53.466%, 99.639% 52.795%, 99.799% 52.104%, 99.913% 51.395%, 99.981% 50.674%, 100% 49.943%, 100% 49.943%, 99.972% 49.212%, 99.897% 48.492%, 99.775% 47.786%, 99.607% 47.097%, 99.396% 46.429%, 99.141% 45.786%, 98.844% 45.17%, 98.507% 44.585%, 98.13% 44.034%, 97.715% 43.521%);
  transform: translateY(3%);
}

.has-primary-background-color .wp-block-frs-blocks-button:not(.variant-link) {
  --border-style: 2px solid var(--wp--preset--color--ui-control-tertiary);
  --border-style--hover: 2px solid var(--wp--preset--color--ui-control-interacting);
  --background-color: var(--wp--preset--color--ui-control-tertiary);
  --background-color--hover: var(--wp--preset--color--ui-control-interacting);
  --text-color: var(--wp--preset--color--ui-control-secondary);
  --text-color--hover: var(--wp--preset--color--neutral);
}
.has-primary-background-color .wp-block-frs-blocks-button.variant-link {
  --text-color: var(--wp--preset--color--ui-control-tertiary);
  --text-color--hover: var(--wp--preset--color--ui-control-interacting);
  --icon-color: var(--wp--preset--color--ui-control-tertiary);
  --icon-color--hover: var(--wp--preset--color--ui-control-interacting);
}

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