.growth-badge {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  border-radius: 999px;
  border: 1px solid rgba(76, 175, 80, 0.4);
  background: rgba(76, 175, 80, 0.12);
  font-size: 14px;
  color: #fff;
}

.growth-badge__pill {
  display: flex;
  flex-direction: column;
}

.growth-badge__label {
  font-weight: 600;
  color: #c8ffc8;
}

.growth-badge__name {
  color: #fff;
}

.growth-badge__xp {
  font-weight: 600;
  color: #fff;
}

.growth-badge__cta {
  border-radius: 999px;
  padding: 6px 12px;
  background: #4caf50;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}

.growth-badge__cta:hover {
  background: #66bb6a;
  color: #fff;
}