.badge {
  background-color: var(--white);
  color: var(--black);
  border-radius: var(--border-radius-xs);
  font-weight: 400;
  font-size: 1rem;
  width: fit-content;
  text-decoration: none;
  user-select: none;
}
.badge-gradient {
  background-image: linear-gradient(90deg, var(--clr-secondary) 0%, var(--clr-primary) 100%) !important;
  --font-clr: var(--white);
  color: var(--white);
}
.badge-gradient ul {
  --list-icon-clr: var(--white);
}
.badge-deal {
  background-color: red;
  color: var(--white);
  font-size: 1.25rem;
  transform: rotate(10deg);
  text-transform: uppercase;
  font-weight: 500;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fthermotex24%2Fscss%2Fobjects%2F_badges.scss%22%2C%22%2Fthemes%2Fthermotex24%2Fscss%2Fobjects%2F..%2Fsettings%2F_mixins.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AACA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC6BA%3BAAAA%3BAAAA%3BADxBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */