.dcom-card-type {
    display: block;
    margin: 0;
    padding: 0;

    span {
        transition: opacity 0.5s ease, -webkit-filter 0.5s linear,
            filter 0.5s linear;
        opacity: 1;
        width: 43px;
        height: 26px;
        margin-right: 3px;
        display: inline-block;

        &:last-child {
            margin-left: -3px;
        }

        &.visa {
            background: url(/images/card-visa.png);
        }
        &.mastercard {
            background: url(/images/card-mastercard.png);
        }
        &.amex {
            background: url(/images/card-amex.png);
        }
        &.discover {
            background: url(/images/card-discover.png);
        }
        &.secure {
            background: url(/images/card-secure.png);
        }

        &.card-inactive {
            opacity: 0.25;
            filter: grayscale(100%);
        }
    }
}