.ybl-payment-icons-wrapper{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  margin: 12px 0 12px 0;
  @media screen and (max-width: 546px) {
    gap: 10px;
  }
  
  div.icon{
    display: flex;
    align-items: center;

    > img{
      width: 77px;
      height: auto;
    }
    &.klarna-icon{
      >img{
        width: 65px;
      }
    }
    &.sofort-icon{
      >img{
        width: 57px;
      }
    }
    &.paypal-icon{
      >img{
        width: 60px;
      }
    }
    &.mastercard-icon{
      >img{
        width: 40px;
      }
    }
    &.american-icon{
      >img{
        width: 48px;
      }
    }
    &.visa-icon{
      >img{
        width: 57px;
      }
    }
    &.apple-icon{
      >img{
        width: 57px;
      }
    }
    &.gpay-icon{
      >img{
        width: 57px;
      }
    }
  }
}