.badge {
  border-radius: 0.25em;
  color: #fff;
  font-family: "Novecentowide-Bold", sans-serif;
  border-width: 1px;
  border-style: solid;
}

.badge__icon {
  fill: #00435c;
}

.badge--pill {
  border-radius: 1em;
  padding: 2px 4px;
}

.badge-default {
  background-color: #e6e6e6;
  color: #00435c;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.badge-default[href]:hover, .badge-default[href]:focus {
  background-color: rgb(204.5, 204.5, 204.5);
}

.badge-primary {
  background-color: #34b4e4;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.badge-primary[href]:hover, .badge-primary[href]:focus {
  background-color: rgb(26.8826086957, 154.3260869565, 202.1173913043);
}

.badge-secondary {
  background-color: #00435c;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.badge-secondary[href]:hover, .badge-secondary[href]:focus {
  background-color: rgb(0, 29.8586956522, 41);
}

.badge-accent {
  background-color: #ffed00;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.badge-accent[href]:hover, .badge-accent[href]:focus {
  background-color: rgb(204, 189.6, 0);
}

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

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

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

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

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