/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/thuisbakkerswinkel/components/badge/src/badge.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************/
.twz-badge,
.onsale {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  background-color: var(--badge-bg, var(--green-500));
  color: var(--badge-color, var(--white));
  font-family: var(--font-special);
  font-size: var(--fs-10);
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}
.twz-badge.onsale,
.onsale.onsale {
  --badge-bg: var(--terracotta-500);
}