.st-card_form {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.st-card_form .st-card-number *,
.st-card_form .st-expiration-date *,
.st-card_form .st-security-code * {
max-height: 70px;
}
.st-card_form .st-card-number,
.st-card_form .st-card-number *,
.st-card_form .st-expiration-date *,
.st-card_form .st-security-code * {
width: 100%;
}
.st-card_form .st-expiration-date,
.st-card_form .st-security-code {
min-width: 48%;
width: 48%;
}
.st-card_form.pay-save-card {
flex-direction: row-reverse;
}
.st-card_form:not(.pay-save-card) .st-expiration-date,
.st-card_form:not(.pay-save-card) .st-security-code {
min-width: 48%;
width: 48%;
}
.st-card_form.pay-save-card .st-security-code {
min-width: 50%;
width: 50%;
}   #js-show-credit-card-details {
padding-bottom: 10px;
}
.or-line {
margin: 10px 0;
text-align: center
}
.gateway-button {
background-color: transparent !important;
padding: 0;
font-size: 0 !important;
}
.gateway-button button,
.gateway-button a {
width: 100% !important;
}
.gpay-inner,
.apple-inner,
.paypal-inner {
margin: 10px 0 0;
}
.gpay-inner,
.apple-inner {
position: relative;
}
.gpay-inner .button,
.apple-inner .button {
background-color: transparent !important;
padding: 0;
font-size: 0 !important;
}
.gpay-inner .button::before,
.apple-inner .button::before {
display: none !important;
}
.gpay-inner .button > div,
.apple-inner .button > div {
width: 100%;
height: 100%;
line-height: initial;
display: flex;
align-items: center;
justify-content: center;
}
.apple-inner .test-label {
top: -10px;
}
#gpay_place_order,
#paypal_place_order,
#apple_place_order {
position: relative;
}
#paypal_place_order {
width: 100%;
}
#gpay_place_order button {
min-height: auto;
overflow: hidden;
}
#gpay_place_order button .gpay-card-info-animation-container { }
.test-label {
background-color: rgba(36, 118, 89, 1);
color: #fff;
font-size: 13px;
padding: 2px 5px;
line-height: 1.3;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
position: absolute;
z-index: 10;
top: -10px;
right: 5px;
display: none;
}
.paypal-buy-now-button {
display: inline-flex !important;
background-color: #ffc439 !important;
border-radius: 5px !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
-o-border-radius: 5px !important;
box-shadow: inset 0 1px 0 0 #ffd699;
-o-box-shadow: inset 0 1px 0 0 #ffd699;
-moz-box-shadow: inset 0 1px 0 0 #ffd699;
-webkit-box-shadow: inset 0 1px 0 0 #ffd699;
font-size: 12px !important;
justify-content: center;
align-items: center;
margin: 10px 0 0;
border: 0 !important;
}
.paypal-buy-now-button:before {
content: "";
position: absolute;
top: -1px;
bottom: -1px;
left: -1px;
right: -1px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
background-color: #ffc439;
z-index: 1;
}
.paypal-buy-now-button:after {
content: "";
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #ffc439;
box-shadow: inset 0 1px 0 0 #ffd699;
-webkit-border-radius: inset 0 1px 0 0 #ffd699;
-moz-box-shadow: inset 0 1px 0 0 #ffd699;
-o-border-radius: inset 0 1px 0 0 #ffd699;
z-index: 1;
}
.paypal-buy-now-button span:not(.test-label) {
padding-right: 10px;
z-index: 2;
font-size: 15px;
}
.paypal-buy-now-button svg {
z-index: 2;
}
.tp_description-gateway {
margin: 0 0 10px !important;
}
.tp_testmode-label {
background-color: #F5F5F5;
padding: 2px 12px;
border: 1px solid #DCDCDC;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
color: #404040;
margin: 0 0 5px;
}
.tp_wallet-wrapper.wallet-hidden button {
background-color: #3c4043;
}
.tp_wallet-wrapper.wallet-hidden #apple_place_order {
opacity: 0.8;
}
.tp_hide-template {
display: none;
} .tp_payment-data {
position: relative;
}
.tp_payment-data.loading .st-card_form,
.tp_payment-data.loading .st-animated-card,
.tp_payment-data.loading .select-saved-card,
.tp_payment-data.loading .selected-saved-card,
.tp_payment-data.loading .js-SavedPaymentMethods-saveNew {
opacity: 0;
display: none;
} .tp-payment-skeleton_wrap {
display: block;
animation: tpSkeletonPulse 1.5s ease-in-out infinite;
}
.tp-payment-skeletons {
display: flex;
flex-direction: column;
gap: 12px;
} .tp-components-skeleton {
background-color: #e2e4e7;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
height: 16px;
} .tp-components-skeleton.is-half {
width: 50%;
}
.tp-components-skeleton.is-circle {
width: 18px;
height: 18px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
display: inline-block;
}
.tp-components-skeleton.with-circle {
width: calc(100% - 30px);
display: inline-block;
vertical-align: top;
} .tp-components-skeleton--tp-checkout-payment-container {
display: flex;
flex-direction: row;
gap: 12px;
} .tp-payment-skeletons.hidden {
display: none;
} @keyframes tpSkeletonPulse {
0% { opacity: 1; }
50% { opacity: .4; }
100% { opacity: 1; }
}