.icon {
    background-image: url('./bandeiras.jpg');
    background-repeat: no-repeat;
    width: 26px;
    height: 17px;
    display: inline-block;
    background-size: 300px;
    margin-top: 4px;
}

.icon-visa {
    background-position: -7px -6px;
}

.icon-mastercard {
    background-position: -123px -6px;
}
.icon-diners {
    background-position: -36px -6px;
}

.icon-elo {
    background-position: -181px -6px;
}
.icon-amex {
    background-position: -65px -6px;
}
.icon-discover {
    background-position: -94px -6px;
}
.icon-aura {
    background-position: -239px -6px;
}
.icon-jcb {
    background-position: -268px -6px;
}
.icon-hipercard {
    background-position: -210px -6px;
}