.vtmn-badge{
  font-family:'Roboto', 'system-ui', '-apple-system', sans-serif;
  font-size:0.875rem;
  font-weight:400;
  line-height:1;
  display:inline-flex;
  block-size:1.25rem;
  justify-content:center;
  align-items:center;
  border-radius:32px;
  background-color:hsl(210, 14.3%, 94.5%);
  color:hsl(200, 100%, 4.7%);
  box-shadow:inset 0 0 0 0.0625rem hsl(210, 11.8%, 86.7%);
  padding-block:0;
  padding-inline:0.375rem;
}

.vtmn-badge_variant--default{
  background-color:hsl(210, 14.3%, 94.5%);
  color:hsl(200, 100%, 4.7%);
  box-shadow:inset 0 0 0 0.0625rem hsl(210, 11.8%, 86.7%);
}

.vtmn-badge_variant--brand{
  background-color:hsl(200, 100%, 36.9%);
  color:hsl(0, 0%, 100%);
  box-shadow:none;
}

.vtmn-badge_variant--reversed{
  background-color:hsl(0, 0%, 100%);
  color:hsl(200, 100%, 4.7%);
  box-shadow:none;
}

.vtmn-badge_variant--accent{
  background-color:hsl(54, 100%, 57.8%);
  color:hsl(200, 100%, 4.7%);
  box-shadow:none;
}

.vtmn-badge_variant--alert{
  background-color:hsl(357, 77.1%, 52%);
  color:hsl(0, 0%, 100%);
  box-shadow:none;
}

.vtmn-badge:empty{
  min-inline-size:0.5rem;
  block-size:0.5rem;
  padding:0;
}