.svg-paypal {
content: url("data:image/svg+xml,");
}
.payment-method-form {
margin-bottom: 30px;
}
.payment-option {
padding: 15px 16px;
display: flex;
height: 54px;
gap: 12px;
align-items: center;
border: 1px solid rgba(0, 0, 0, 0.10);
background: #FFF;
}
.payment-option .title {
display: flex
;
justify-content: space-between;
align-items: center;
width: 100%;
}
.payment-option .radio-bullet {
content: url("data:image/svg+xml,");
}
.payment-option.active {
border: 1px solid #3D89F9;
background: #F4F6FF;
}
.payment-option.active .radio-bullet {
content: url("data:image/svg+xml,");
}
.payment-option-paypal {
border-radius: 8px 8px 0 0;
}
.payment-option-details {
border-radius: 0 0 8px 8px;
border: 1px solid rgba(0, 0, 0, 0.10);
background: #F4F4F4;
padding-top: 4px;
}
.payment-option-paypal_details {
/* min-height: 111px; */
border-radius: 0;
padding: 17.5px 12px;
padding-left: 30px;
display: flex;
gap: 22px;
color: #57504A;
font-size: 16px;
/* font-style: normal; */
/* font-weight: 400; */
/* line-height: normal; */
}
.payment-option-card {
border-radius: 0 0 8px 8px;
color: #2D1B13;
font-size: 16px;
font-weight: 700;
}
.payment-option-card .card-icons {
margin-left: auto;
display: flex;
gap: 4px;
align-items: center;
}
.payment-option-card.active {
border-radius: 0;
}
/* cardField wrapper style */
.card-field-container {
width: 100%;
height: 48px;
padding: 12px 14px;
background: #fff;
border: 1px solid #d6d7da;
border-radius: 8px;
transition: border-color .2s, box-shadow .2s;
overflow: hidden; /* clips iframe corners */
}
.card-field-container.focused { border-color: #0070ba; }
.card-field-container.invalid { border-color: #dc2626; }
.card_container,div#card-form {
background: unset;
border-radius: unset;
padding: 0;
/* max-width: 760px; */
/* width: 100%; */
/* margin: 0 auto; */
}
div#paypal-button-container {
background: transparent;
/* position: relative; */
/* isolation: isolate; */
padding: 0;
width: 100%;
/* cursor: pointer;
border: none;
box-shadow: 0 4px 0 #1a551d;
font-size: 24px;
line-height: 28px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
text-align: center;
font-family: Raleway, sans-serif;
border-radius: 20px;
background: linear-gradient(108deg, #66C36A -53.19%, #3F9643 23.18%, #238D28 112.65%); */
height: 84px;
/* display: flex; */
}
/* div#paypal-button-container::before {
content: 'Zahlen mit ' ;
z-index: -1;
position: absolute;
inset-block: 0;
left: 75px;
display: flex;
align-items: center;
} */
/* div#paypal-button-container:after {
z-index: -1;
position: absolute;
inset-block: 0;
top: 6px;
right: 75px;
display: flex;
align-items: center;
content: url("data:image/svg+xml,");
} */
/* div#paypal-button-container:hover ,
.order-btn:hover {
background: #238d28 ;
background-color: #238d28 ;
} */
div#paypal-button-container * {
/* opacity: 0; */
}
.paypal-card-wrapper div {
display: flex
;
align-items: center;
gap: 5px;
justify-content: center;
margin-top: 10px;
}