.balance-freshness {
  position: relative;
  z-index: 1;
  display: inline-flex;
  margin-top: 12px;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 900;
}

.balance-freshness.checking {
  background: rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.86);
}

.balance-freshness.confirmed {
  background: rgba(22, 185, 120, 0.2);
  color: #e4fff3;
}

.balance-freshness.stale {
  background: rgba(255, 190, 61, 0.22);
  color: #fff2cb;
}

.balance-freshness.unavailable {
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
}

.action:disabled,
.bottom-nav button:disabled {
  opacity: 0.42;
  filter: grayscale(0.35);
}