.qmt36l46k {
  align-items: center;
  display: flex;
  flex-direction: column
}

.vxtvj6333j {
  align-items: center;
  background: var(--color-in400);
  border-radius: 20px;
  color: var(--color-light-grey-5);
  display: flex;
  font-size: 8px;
  gap: 2px;
  justify-content: center;
  line-height: 1;
  padding: 2px 3px
}

.bonus-badge__arrow {
  fill: var(--color-in400)
}

.bonus-badge--green .vxtvj6333j {
  background: var(--color-su600)
}

.bonus-badge--green .bonus-badge__arrow {
  fill: var(--color-su600)
}

.qmt36l46k img {
  height: 10px;
  width: 10px
}

.bonus-badge--medium .vxtvj6333j {
  padding: 3px
}

.bonus-badge--medium .vxtvj6333j img {
  height: 16px;
  width: 16px
}

.bonus-badge--tooltip .vxtvj6333j {
  font-size: 10px;
  gap: 4px;
  height: 24px;
  padding: 4px 8px;
  width: 62px
}

.bonus-badge--tooltip img {
  height: 19px;
  width: 19px
}