.badge {
  color: var(--white);
  border-radius: var(--border-radius-xxs);
  text-align: center;
  position: relative;
  font-size: 0.8rem;
  font-weight: 400;
  padding: 6px 12px;
  width: fit-content;
}
.badge.badge__primary {
  background-color: var(--primary-color);
}
.badge.badge__secondary {
  background-color: var(--secondary-color);
  color: var(--white);
  text-align: start;
}
.badge.badge__tertiary {
  background-color: var(--tertiary-color);
  color: var(--white);
  text-align: start;
}
.badge.big {
  padding: 12px 24px;
  font-size: 24px;
  text-transform: none;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fgreensignevents%2Fscss%2Fobjects%2F_badges.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUE%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */