.payment-chip {
  display: inline-flex;
  min-height: 21px;
  align-items: center;
  gap: 5px;
  padding: 0 7px;
  border: 1px solid #39414e;
  border-radius: 5px;
  color: #c9ced7;
  background: #151a23;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .025em;
}

.payment-icon {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
  overflow: visible;
  fill: none;
  stroke: var(--mint);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.35;
}

.payment-icon-visa {
  width: 21px;
  fill: #668cff;
  stroke: none;
}

.payment-icon-visa text {
  fill: #668cff;
  font-family: Arial, sans-serif;
  font-size: 9px;
  font-style: italic;
  font-weight: 900;
  letter-spacing: -.55px;
}

.payment-icon-mastercard {
  width: 18px;
  fill: #f05242;
  stroke: none;
}

.payment-icon-mastercard circle:last-child {
  fill: #f5a43a;
  fill-opacity: .9;
}

.payment-icon-apple {
  fill: #f4f5f1;
  stroke: none;
}

.payment-icon-bitcoin {
  fill: #f7a928;
  stroke: none;
}

.payment-icon-bitcoin text {
  fill: #11151d;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: 800;
}

.payment-icon-usdt {
  fill: #29a88f;
  stroke: none;
}

.payment-icon-usdt path,
.payment-icon-skrill path {
  fill: #fff;
}

.payment-icon-skrill {
  fill: #932a88;
  stroke: none;
}

.dialog-offer > em {
  min-height: 15px;
}

.dialog-payments {
  display: flex;
  min-height: 48px;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 5px;
  margin-top: 10px;
}

.dialog-payments .payment-chip {
  min-height: 22px;
  padding: 0 6px;
  font-size: 7px;
}

@media (max-width: 720px) {
  .payment-chip {
    min-height: 27px;
    gap: 6px;
    padding: 0 9px;
    font-size: 8px;
  }

  .payment-icon {
    width: 14px;
    height: 14px;
  }

  .payment-icon-visa,
  .payment-icon-mastercard {
    width: 20px;
  }

  .payment-icon-visa {
    width: 22px;
  }
}
