#payment .payment_methods li p {
margin: 0 0 1.41575em !important;
}
#payment .payment_methods li img {
float: right;
border: 0;
padding: 0;
max-height: 1.618em;
}
#payment .payment_methods .wc_payment_method .multisafepay-payment-component .loader-wrapper {
min-width: 100%;
min-height: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(248, 248, 248, 0.93);
position: absolute;
z-index: 300;
}
#payment .payment_methods .wc_payment_method .multisafepay-payment-component .loader-wrapper .loader {
margin: 0;
display: block;
position: absolute;
left: 45%;
top: 40%;
border: 25px solid rgba(100, 100, 100, 0.2);
width: 1px;
height: 1px;
border-left-color: transparent;
border-right-color: transparent;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-webkit-animation: msp-spin 1.5s infinite;
-moz-animation: msp-spin 1.5s infinite;
animation: msp-spin 1.5s infinite;
}
.apple-pay-button {
display: inline-block;
-webkit-appearance: -apple-pay-button;
-apple-pay-button-type: plain;
width: 100%;
min-width: 160px;
height: 65px;
min-height: 40px;
border-radius: 3px;
}
.apple-pay-button-black {
-apple-pay-button-style: black;
}
.gpay-button.short, .gpay-button.plain {
min-width: 160px !important;
min-height: 40px !important;
border-radius: 3px !important;
} .multisafepay-googlepay-direct,
.multisafepay-applepay-direct {
border-radius: 3px;
overflow: hidden;
} .multisafepay-googlepay-direct {
width: 100% !important;
max-width: 240px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.multisafepay-googlepay-direct .gpay-button.short,
.multisafepay-googlepay-direct .gpay-button.plain {
border-radius: inherit !important;
background-size: contain !important;
background-position: center !important;
background-repeat: no-repeat !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
.multisafepay-applepay-direct .apple-pay-button {
border-radius: inherit;
} .multisafepay-payment-component-loader-wrapper {
display: flex;
align-items: center;
justify-content: center;
min-height: 80px;
width: 100%;
padding: 16px 0;
}
.multisafepay-payment-component-loader {
display: block;
width: 32px;
height: 32px;
border: 3px solid rgba(0, 0, 0, 0.12);
border-top-color: #6c757d;
border-radius: 50%;
animation: msp-blocks-spin 0.8s linear infinite;
}
@keyframes msp-blocks-spin {
to {
transform: rotate(360deg);
}
}