.adh-badge-1 {
  background-color: var(--userBadgeColor);
  border-radius: 50px;
  width: 100px;
  transition:  background-color 1s
}

.adh-badge-3 {
  background-color: var(--adminBadgeColor);
  border-radius: 50px;
  width: 100px;
  transition:  background-color 1s
}

.adh-badge-2 {
  background-color: var(--examinerBadgeColor);
  border-radius: 50px;
  width: 100px;
  transition:  background-color 1s
}

.adh-badge-default {
    background-color: var(--userBadgeColor);
    border-radius: 50px;
    width: 50px;
    transition:  background-color 1s
  }

  .adh-badge-circle-default {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    transition:  background-color 1s
  }