.icon[data-payment-method] {
  font-size: 0;
  mask-image: url("../images/icons/payment.svg");
  -webkit-mask-image: url("../images/icons/payment.svg");
}

.icon[data-payment-method=Visa] {
  width: 2rem;
  height: 2rem;
  background: url("../images/icons/payment-visa.svg");
  background-size: cover;
  background-position: center;
  mask-image: none;
  -webkit-mask-image: none;
}

.icon[data-payment-method=Mastercard] {
  width: 2rem;
  height: 2rem;
  background: url("../images/icons/payment-mastercard.svg");
  background-size: cover;
  background-position: center;
  mask-image: none;
  -webkit-mask-image: none;
}

.icon[data-payment-method=Amex] {
  width: 2rem;
  height: 2rem;
  background: url("../images/icons/payment-amex.svg");
  background-size: cover;
  background-position: center;
  mask-image: none;
  -webkit-mask-image: none;
}

.icon[data-payment-method=Crypto] {
  width: 2rem;
  height: 2rem;
  background: url("../images/icons/payment-crypto.svg");
  background-size: cover;
  background-position: center;
  mask-image: none;
  -webkit-mask-image: none;
}

/*# sourceMappingURL=payment-icon.css.map */