/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/components/button/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
.cbp-button {
  cursor: pointer;
  transition: var(--transition-button-hover);
  color: var(--color-on-accent);
  background-color: var(--color-accent);
  border: 2px solid var(--color-accent);
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.75rem 3.88rem;
  border-radius: var(--radius-border-small);
  margin-block-start: 2rem;
  text-decoration: none;
  text-align: center;
}
.cbp-button .cbp-button__title {
  font-weight: 600;
  line-height: 1.25;
}
.cbp-button:hover {
  color: var(--color-on-accent-hover);
  background-color: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
}

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