Template:Styles/add ccLogos.css

/* Additional styles, call with addStyle URL parameter.
Correct classes are added by https://donate.wikimedia.org/wiki/MediaWiki:DonationForm.js
*/

/* --- Credit card logos --- */
.paymentmethod-cc svg {
    display: none;
    margin: 0 4px;
    height: 26px;
    border: 1px solid #c8ccd1;
    border-radius: 4px;
}

.cctypes-vmad,
.cctypes-vmaj,
.cctypes-vma,
.cctypes-vm,
.cctypes-CBvma {
    font-size: 0; /* Remove spacing between icons */
}

.cctypes-vmad  span,
.cctypes-vmaj  span,
.cctypes-vma   span,
.cctypes-vm    span,
.cctypes-CBvma span {
    display: none; /* Hide default text */
}

.cctypes-vmad  .cc-logo-visa,
.cctypes-vmad  .cc-logo-mastercard,
.cctypes-vmad  .cc-logo-amex,
.cctypes-vmad  .cc-logo-discover,

.cctypes-vmaj  .cc-logo-visa,
.cctypes-vmaj  .cc-logo-mastercard,
.cctypes-vmaj  .cc-logo-amex,
.cctypes-vmaj  .cc-logo-jcb,

.cctypes-vma   .cc-logo-visa,
.cctypes-vma   .cc-logo-mastercard,
.cctypes-vma   .cc-logo-amex,

.cctypes-vm    .cc-logo-visa,
.cctypes-vm    .cc-logo-mastercard,

.cctypes-CBvma .cc-logo-CB,
.cctypes-CBvma .cc-logo-visa,
.cctypes-CBvma .cc-logo-mastercard,
.cctypes-CBvma .cc-logo-amex {
    display: inline-block !important;
}