#nf-paypal-button-container {
max-width: 540px;
margin: 0 auto;
width: 100%;
}
#nf-paypal-button-container apple-pay-button {
--apple-pay-button-height: 55px;
--apple-pay-button-border-radius: 4px;
--apple-pay-button-width: 100%;
margin-top: 7px;
display: inline-block;
}
#nf-paypal-card-form {
border-radius: 5px;
background-color: #FFFFFF;
padding: 20px;
max-width: 580px;
width: 100%;
margin: 0 auto;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
}
#nf-paypal-card-form .row {
position: relative;
width: 100%;
display: inline-block;
}
#nf-paypal-card-form .column {
position: relative;
width: 50%;
display: inline;
margin: 0 auto;
float: left;
}
#nf-paypal-card-form .error {
color: #d9360b;
font-size: 90%;
font-weight: 500;
margin-left: 12px;
margin-top: -4px;
padding-bottom: 4px;
}
#nf-paypal-card-form button {
clear: both;
background: rgb(255, 196, 57);
width: 100%;
text-decoration: none;
border: none;
border-radius: 4px;
font-size: 20px;
text-transform: none;
color: rgb(44, 46, 47);
font-weight: 500;
user-select: none;
cursor: pointer;
line-height: 0;
white-space: pre;
height: 55px;
margin-top: 12px;
font-family: PayPalOpen-Regular, Helvetica, Arial, "Liberation Sans", sans-serif;
}
#nf-paypal-card-form button:hover {
filter: brightness(0.95);
}
.spinner.loading {
padding: 50px;
text-align: center;
}
.spinner.loading:before {
content: "";
display: inline-block;
height: 90px;
width: 90px;
margin: -15px auto auto -15px;
border-width: 8px;
border-style: solid;
border-color: #2180c0 #ccc #ccc;
border-radius: 100%;
animation: rotation .7s infinite linear;
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
.nf-paypal-billing-fields .cardfield {
padding: 6px;
}
.nf-paypal-billing-fields .title {
margin-left: 15px;
margin-bottom: 5px;
clear: both;
}
.nf-paypal-billing-fields input,
.nf-paypal-billing-fields select {
border: 1px solid #909697;
border-radius: 4px;
box-sizing: border-box;
background: #ffffff;
font-family: inherit;
font-size: 18px;
color: #000;
padding: 0 0.75rem;
width: 100%;
height: 55px;
line-height: 1;
}
.nf-paypal-billing-fields select:has(>option[value=""]:checked),
.nf-paypal-billing-fields ::placeholder {
color: #687173;
opacity: 1;
}
.nf-paypal-billing-fields :focus {
border-color: #000000;
box-shadow: 0 0 0 0.125rem #000000 inset, 0 0 0 0.375rem rgb(0 0 0 / 16%);
outline: none;
}
.nf-paypal-billing-fields :focus.invalid {
border-color: #d9360b;
box-shadow: 0 0 0 0.125rem #d9360b inset, 0 0 0 0.375rem rgb(217 54 11 / 16%);
}
.nf-paypal-billing-fields .invalid {
border-color: #d9360b;
box-shadow: 0 0 0 0.0625rem #d9360b inset;
color: #d9360b;
}