.versio-payment-icons-container {
  display: flex;
  flex-wrap: wrap;
  gap: var(--versio-icon-gap);
  margin-top: var(--versio-margin-top);
  margin-bottom: var(--versio-margin-bottom);
}

.versio-payment-icons-container.versio-align-left {
  justify-content: flex-start;
}

.versio-payment-icons-container.versio-align-center {
  justify-content: center;
}

.versio-payment-icons-container.versio-align-right {
  justify-content: flex-end;
}

.versio-payment-icons-container > .versio-payment-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.versio-payment-icons-container > .versio-payment-icon img,
.versio-payment-icons-container > .versio-payment-icon svg {
  height: var(--versio-icon-size);
  width: auto;
  max-width: none;
  object-fit: contain;
}

@media (max-width: 768px) {
  .versio-payment-icons-container {
    gap: var(--versio-mobile-icon-gap);
  }

  .versio-payment-icons-container > .versio-payment-icon img,
  .versio-payment-icons-container > .versio-payment-icon svg {
    height: var(--versio-mobile-icon-size);
  }

  .versio-payment-icons-container.versio-mobile-align-left {
    justify-content: flex-start !important;
  }

  .versio-payment-icons-container.versio-mobile-align-center {
    justify-content: center !important;
  }

  .versio-payment-icons-container.versio-mobile-align-right {
    justify-content: flex-end !important;
  }
}