.payment-systems {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.payment-systems-item {
    display: flex;
    flex-wrap: nowrap;
    border: 1px solid #CCCCCC;
    align-items: center;
    padding: 5px 5px 5px 10px;
}
.payment-systems-item > label > *,
.payment-systems-item > * {
    display: flex;
    align-content: center;
    align-items: center;
}
.payment-systems-item .pay-processor-name {
    width: auto;
    margin-right: 0;
}
.payment-systems .logo-bank {
    margin-left: 10px;
    margin-right: 10px;
}
.payment-systems-item > label  input {
    display: none;
}
.payment-systems-item > label  input ~ span.radiobox {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #CCCCCC;
    position: relative;
}
.payment-systems-item > label  input:checked ~ span.radiobox:after {
    content: '';
    width: 60%;
    height: 60%;
    display: block;
    background-color: #929292;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -30%;
    margin-top: -30%;
}

.logo-bank {
    display: inline-block;
    width: 64px;
    height: 64px;
    background-position: center;
    background-size: contain;
}
.logo-bank.sber {
    background-image: url(../images/payment/logo-sber.png);
}
.logo-bank.platron {
    background-image: url(../images/payment/logo-tinkoff.png);
}
.logo-bank.alfa {
    background-image: url(../images/payment/logo-alfa.png);
}
.logo-bank.raif {
    background-image: url(../images/payment/logo-raif.png);
}
.logo-bank.converse {
    background-image: url(../images/payment/logo-converse.png);
}