.badge {
  border-radius: 0;
  color: #fff;
}
.badge a:focus {
  outline: none;
  box-shadow: none;
}

.badge__icon {
  fill: #272727;
}

.badge-default {
  background-color: #F0F0F0;
  color: #272727;
  transition: 0.3s;
}
.badge-default[href]:hover, .badge-default[href]:focus, [href] .badge-default:hover, [href] .badge-default:focus {
  background-color: rgb(214.5, 214.5, 214.5);
}
.badge-default [href]:hover, .badge-default [href]:focus {
  color: rgb(13.5, 13.5, 13.5);
}
.ui-widget-content .badge-default [href] {
  color: #272727;
}
.ui-widget-content .badge-default [href]:hover, .ui-widget-content .badge-default [href]:focus {
  color: rgb(13.5, 13.5, 13.5);
}

.badge-primary {
  background-color: #173E34;
  color: #fff;
  transition: 0.3s;
}
.badge-primary[href]:hover, .badge-primary[href]:focus, [href] .badge-primary:hover, [href] .badge-primary:focus {
  background-color: rgb(9.2, 24.8, 20.8);
}
.badge-primary [href]:hover, .badge-primary [href]:focus {
  color: rgb(229.5, 229.5, 229.5);
}
.ui-widget-content .badge-primary [href] {
  color: #fff;
}
.ui-widget-content .badge-primary [href]:hover, .ui-widget-content .badge-primary [href]:focus {
  color: rgb(229.5, 229.5, 229.5);
}

.badge-secondary {
  background-color: #173E34;
  color: #fff;
  transition: 0.3s;
}
.badge-secondary[href]:hover, .badge-secondary[href]:focus, [href] .badge-secondary:hover, [href] .badge-secondary:focus {
  background-color: rgb(9.2, 24.8, 20.8);
}
.badge-secondary [href]:hover, .badge-secondary [href]:focus {
  color: rgb(229.5, 229.5, 229.5);
}
.ui-widget-content .badge-secondary [href] {
  color: #fff;
}
.ui-widget-content .badge-secondary [href]:hover, .ui-widget-content .badge-secondary [href]:focus {
  color: rgb(229.5, 229.5, 229.5);
}

.badge-accent {
  background-color: #173E34;
  color: #272727;
  transition: 0.3s;
}
.badge-accent[href]:hover, .badge-accent[href]:focus, [href] .badge-accent:hover, [href] .badge-accent:focus {
  background-color: rgb(9.2, 24.8, 20.8);
}
.badge-accent [href]:hover, .badge-accent [href]:focus {
  color: rgb(13.5, 13.5, 13.5);
}
.ui-widget-content .badge-accent [href] {
  color: #272727;
}
.ui-widget-content .badge-accent [href]:hover, .ui-widget-content .badge-accent [href]:focus {
  color: rgb(13.5, 13.5, 13.5);
}

.badge-success {
  background-color: #5cb85c;
  color: #fff;
  transition: 0.3s;
}
.badge-success[href]:hover, .badge-success[href]:focus, [href] .badge-success:hover, [href] .badge-success:focus {
  background-color: rgb(68.2692307692, 156.7307692308, 68.2692307692);
}
.badge-success [href]:hover, .badge-success [href]:focus {
  color: rgb(229.5, 229.5, 229.5);
}
.ui-widget-content .badge-success [href] {
  color: #fff;
}
.ui-widget-content .badge-success [href]:hover, .ui-widget-content .badge-success [href]:focus {
  color: rgb(229.5, 229.5, 229.5);
}

.badge-info {
  background-color: #33b5e5;
  color: #fff;
  transition: 0.3s;
}
.badge-info[href]:hover, .badge-info[href]:focus, [href] .badge-info:hover, [href] .badge-info:focus {
  background-color: rgb(25.8869565217, 155.3217391304, 203.1130434783);
}
.badge-info [href]:hover, .badge-info [href]:focus {
  color: rgb(229.5, 229.5, 229.5);
}
.ui-widget-content .badge-info [href] {
  color: #fff;
}
.ui-widget-content .badge-info [href]:hover, .ui-widget-content .badge-info [href]:focus {
  color: rgb(229.5, 229.5, 229.5);
}

.badge-warning {
  background-color: #f80;
  color: #fff;
  transition: 0.3s;
}
.badge-warning[href]:hover, .badge-warning[href]:focus, [href] .badge-warning:hover, [href] .badge-warning:focus {
  background-color: rgb(204, 108.8, 0);
}
.badge-warning [href]:hover, .badge-warning [href]:focus {
  color: rgb(229.5, 229.5, 229.5);
}
.ui-widget-content .badge-warning [href] {
  color: #fff;
}
.ui-widget-content .badge-warning [href]:hover, .ui-widget-content .badge-warning [href]:focus {
  color: rgb(229.5, 229.5, 229.5);
}

.badge-danger {
  background-color: #d9534f;
  color: #fff;
  transition: 0.3s;
}
.badge-danger[href]:hover, .badge-danger[href]:focus, [href] .badge-danger:hover, [href] .badge-danger:focus {
  background-color: rgb(201.4953271028, 48.0841121495, 43.5046728972);
}
.badge-danger [href]:hover, .badge-danger [href]:focus {
  color: rgb(229.5, 229.5, 229.5);
}
.ui-widget-content .badge-danger [href] {
  color: #fff;
}
.ui-widget-content .badge-danger [href]:hover, .ui-widget-content .badge-danger [href]:focus {
  color: rgb(229.5, 229.5, 229.5);
}

a .badge-default {
  color: #272727;
}
a .badge-default:hover {
  color: #272727;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../../components/02-atoms/badge/badge.scss%22,%22../../../components/00-config/variables/_badge.scss%22,%22../../../components/00-config/variables/_colors.scss%22,%22../../../components/00-config/mixins/_badge.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAqBA;EACE,eCtB4B;EDuB5B,OCjB4B;;ADmB5B;EACE;EACA;;;AAIJ;EACE,MEgDsB;;;AFzCxB;EGpCE,kBDwEsB;ECvEtB,OD4EsB;EC3EtB;;AAIE;EAEE;;AAKF;EAEE;;AAKF;EACE,ODwDkB;;ACtDlB;EAEE;;;AHeR;EGxCE,kBD+EsB;EC9EtB,OHwC0C;EGvC1C;;AAIE;EAEE;;AAKF;EAEE;;AAKF;EACE,OHoBsC;;AGlBtC;EAEE;;;AHmBR;EG5CE,kBDgFsB;EC/EtB,OH4C4C;EG3C5C;;AAIE;EAEE;;AAKF;EAEE;;AAKF;EACE,OHwBwC;;AGtBxC;EAEE;;;AHuBR;EGhDE,kBDiFsB;EChFtB,OD4EsB;EC3EtB;;AAIE;EAEE;;AAKF;EAEE;;AAKF;EACE,ODwDkB;;ACtDlB;EAEE;;;AH2BR;EGpDE,kBDoFsB;ECnFtB,OHoD0C;EGnD1C;;AAIE;EAEE;;AAKF;EAEE;;AAKF;EACE,OHgCsC;;AG9BtC;EAEE;;;AH+BR;EGxDE,kBDqFsB;ECpFtB,OHwDuC;EGvDvC;;AAIE;EAEE;;AAKF;EAEE;;AAKF;EACE,OHoCmC;;AGlCnC;EAEE;;;AHmCR;EG5DE,kBDsFsB;ECrFtB,OH4D0C;EG3D1C;;AAIE;EAEE;;AAKF;EAEE;;AAKF;EACE,OHwCsC;;AGtCtC;EAEE;;;AHuCR;EGhEE,kBDuFsB;ECtFtB,OHgEyC;EG/DzC;;AAIE;EAEE;;AAKF;EAEE;;AAKF;EACE,OH4CqC;;AG1CrC;EAEE;;;AH2CR;EACE,OEQsB;;AFNtB;EACE,OEKoB%22,%22file%22:%22badge.css%22%7D */