.legacy-pill {
  box-sizing: border-box;
  min-width: 124px;
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 4px 9px;
  border-radius: 3px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.legacy-svg {
  flex: 0 0 17px;
  width: 17px;
  height: 17px;
  display: grid;
  place-items: center;
  color: #fff;
}

.legacy-svg svg {
  width: 17px;
  height: 17px;
  display: block;
  fill: currentColor;
}

.legacy-pill.speed.standard,
.legacy-pill.ok {
  background: #76b33f;
}

.legacy-pill.speed.high,
.legacy-pill.confirm {
  background: #ef3838;
}

.legacy-pill.speed.high {
  background: linear-gradient(180deg, #ff4141 0%, #e92f2f 100%);
}

.legacy-pill.speed.standard {
  background: linear-gradient(180deg, #82bd45 0%, #6fab38 100%);
}

@media (max-width: 680px) {
  .legacy-pill {
    min-width: 0;
  }
}