/*breakpoints*/
.badge__primary {
  background-color: #00A4EA;
  border-radius: 50%;
  height: 22.5rem;
  width: 22.5rem;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .badge__primary {
    height: 15rem;
    width: 15rem;
  }
}
.badge__primary .badge__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 80%;
}
@media screen and (max-width: 991.98px) {
  .badge__primary .badge__content {
    width: 80%;
  }
}
.badge__secondary {
  background-color: #00A4EA;
  border-radius: 20px;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fttcfessenbach%2Fscss%2Fobjects%2F_badges.scss%22%2C%22%2Fthemes%2Fttcfessenbach%2Fscss%2Fobjects%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACKI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADOF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACHE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADeJ%3BAAAA%3BAAAA%3BAAAA%22%7D */