.wc_payment_method.payment_method_spgw_credit_card label[for="payment_method_spgw_credit_card"] {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 5px 8px;
cursor: pointer;
font-weight: 700;
line-height: 1.4;
}
.wc_payment_method.payment_method_spgw_credit_card label[for="payment_method_spgw_credit_card"] img {
display: inline-block;
height: 22px;
width: auto;
vertical-align: middle;
flex-shrink: 0;
} .wc_payment_method.payment_method_spgw_credit_card .payment_box.payment_method_spgw_credit_card {
background: #f8f9fb;
border: 1px solid #dde3ec;
border-radius: 10px;
padding: 20px 24px;
margin-top: 10px;
}
.wc_payment_method.payment_method_spgw_credit_card .payment_box.payment_method_spgw_credit_card > p {
margin: 0 0 16px;
color: #555;
font-size: 14px;
} #saferpay-div {
padding: 0px 0px !important;
} .wc_payment_method.payment_method_spgw_credit_card #saferpay-div .row {
margin-right: 0 !important;
margin-left: 0 !important;
margin-bottom: 0px !important;
} .wc_payment_method.payment_method_spgw_credit_card #saferpay-div .row iframe {
width: 100% !important;
height: 34px !important;
display: block !important;
border: 1px solid #ccd2dc !important;
border-radius: 6px;
background: transparent !important;
box-sizing: border-box;
transition: border-color 0.2s ease;
margin: 0;
} div#saferpay-div iframe#fields-holder-name,
div#saferpay-div iframe#fields-card-number {
padding: 0;
} #saferpay-div .input-large,
#saferpay-div .input-small,
#saferpay-div input {
font-size: 0.8rem !important;
} #saferpay-div input.input-large.input-holdername.form-control.is-touched.is-invalid.holdername__input {
outline: 0;
} li.wc_payment_method.payment_method_spgw_credit_card input,
li.wc_payment_method.payment_method_spgw_credit_card input:focus,
li.wc_payment_method.payment_method_spgw_credit_card input:active,
li.wc_payment_method.payment_method_spgw_credit_card input:hover,
li.wc_payment_method.payment_method_spgw_credit_card input:focus-visible,
li.wc_payment_method.payment_method_spgw_credit_card input:focus-within {
outline: 0 !important;
outline-offset: 0 !important;
} .wc_payment_method.payment_method_spgw_credit_card #saferpay-div [id$="-help"].text-danger {
display: block;
color: #d6293e;
font-size: 12px;
margin-top: 4px;
min-height: 16px;
} .wc_payment_method.payment_method_spgw_credit_card #saferpay-div .sample1-exp-wrap,
.wc_payment_method.payment_method_spgw_credit_card #saferpay-div .sample1-cvc-wrap {
display: inline-block;
width: calc(50% - 7px) !important;
vertical-align: top;
box-sizing: border-box;
padding: 0;
}
.wc_payment_method.payment_method_spgw_credit_card #saferpay-div .sample1-exp-wrap {
margin-right: 12px;
} .wc_payment_method.payment_method_spgw_credit_card #saferpay-div .row:has(.sample1-exp-wrap) {
display: flex !important;
flex-wrap: nowrap;
gap: 12px;
align-items: flex-start;
}
.wc_payment_method.payment_method_spgw_credit_card #saferpay-div .row:has(.sample1-exp-wrap) .sample1-exp-wrap,
.wc_payment_method.payment_method_spgw_credit_card #saferpay-div .row:has(.sample1-exp-wrap) .sample1-cvc-wrap {
flex: 1 1 0 !important;
width: auto !important;
min-width: 0;
display: block;
margin-right: 0;
padding-right: 0;
padding-left: 0;
}
iframe#fields-holder-name, iframe#fields-card-number {
margin-left: 15px;
margin-right: 15px;
padding: 0;
max-width: calc(100% - 30px);
font-size: 0.5rem;
zoom: 0.9;
}
iframe#fields-expiration, iframe#fields-cvc {
margin-left: 15px;
margin-right: 15px;
padding: 0;
max-width: calc(100% - 30px);
font-size: 0.5rem;
zoom: 0.9;
}