.abra-tiered-banner__badge-top-right {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #fff;
  border-radius: 60px;
  font-weight: 500;
  padding: 2px 8px;
  display: flex;
  gap: 6px;
  align-items: center;
}

.abra-tiered-banner__badge-top-right--success {
  background-color: var(--abra-tiered-banner-active-reward-tier-color, #119e52);
  color: var(--abra-tiered-banner-active-reward-tier-text-color, #ffffff);
}

.abra-tiered-banner__badge-top-right--success .circle-icon {
  fill: var(--abra-tiered-banner-active-reward-tier-icon-color, #ffffff);
}

.abra-tiered-banner__tier-summary {
  position: relative;
  padding: 10px;
  border-radius: 4px;
  width: 100%;
  display: block;
  background-color: var(--abra-tiered-banner-progress-bar-color, #119e5233);
}