/**
 * Frontend styles for the [payment_cards] shortcode.
 * Loaded only when the shortcode renders.
 */
.spc-cards {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.spc-card-logo {
    width: auto;
    max-width: 100%;
    display: block;
}