.base {
  color: var(--lib_base_notificationbadge_color);
  display: inline-flex;
  font-size: var(--lib_fsize_12);
  vertical-align: middle;
  background-color: var(--lib_base_notificationbadge_bg);
  padding: var(--lib_size_5) var(--lib_size_5);
  border-radius: 50px;
}
.small {
  font-size: var(--lib_text_size_small);
  padding: var(--lib_size_7) var(--lib_size_7);
}
.medium {
  font-size: var(--lib_text_size_medium);
  padding: var(--lib_size_4) var(--lib_size_9);
}
.large {
  font-size: var(--lib_text_size_large);
  padding: var(--lib_size_7) var(--lib_size_12);
}

.square {
  border-radius: 0px;
}
.circle {
  border-radius: 50%;
}
.container {
  position: relative;
}
.position {
  position: absolute;
  bottom: 70%;
}
[dir=ltr] .position {
  left: 80%;
}
[dir=rtl] .position {
  right: 80%;
}
