/* breakpoints */
.badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.badge {
  color: var(--secondary-40);
  background-color: var(--primary);
  text-align: center;
  padding: 6px 5px 4px;
  border-radius: var(--border-radius-full);
  white-space: inherit;
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: uppercase;
}
@media (max-width: 991.98px) {
  .badge {
    font-size: 0.5rem;
  }
}
@media (max-width: 767.98px) {
  .badge {
    font-size: 0.438rem;
  }
}
.badge.badge__primary {
  color: var(--secondary-40);
  background-color: var(--primary);
}
.badge.badge__secondary {
  color: var(--primary);
  background-color: var(--secondary-40);
}
.badge.badge__white {
  color: var(--primary);
  background-color: var(--white);
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Frombach%2Fscss%2Fobjects%2F_badges.scss%22%2C%22%2Fthemes%2Frombach%2Fscss%2Fobjects%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAACA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACkCI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADjBF%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%22%7D */