.currency-icon {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  max-width: none;
  object-fit: contain;
  vertical-align: -.22em;
  flex: 0 0 auto;
  filter: drop-shadow(0 0 .28em rgba(255, 220, 92, .28));
}

.currency-amount {
  display: inline-flex;
  align-items: center;
  gap: .3em;
  white-space: nowrap;
}

.currency-amount > span {
  min-width: 0;
}

.hx-res__item .currency-icon {
  width: 30px;
  height: 30px;
  vertical-align: 0;
}

.currency-icon--large {
  width: 1.55em;
  height: 1.55em;
}

@media (max-width: 720px) {
  .hx-res__item .currency-icon {
    width: 24px;
    height: 24px;
  }
}
