.wc-paytrail-ppa-methods-container .wc-paytrail-ppa-method-group {
margin-bottom: 10px;
}
.wc-paytrail-ppa-methods-container .wc-paytrail-ppa-method-group-title {
font-weight: bold;
margin-bottom: 5px;
}
.wc-paytrail-ppa-methods-container .wc-paytrail-ppa-method {
background: #ffffff;
border: 1px solid #d5dfe0;
background-repeat: no-repeat;
background-position: center 10px;
cursor: pointer;
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
width: 120px;
vertical-align: top;
text-align: center;
}
.wc-paytrail-ppa-methods-container .wc-paytrail-ppa-method input[type="radio"] {
margin: 0 !important;
}
.wc-paytrail-ppa-methods-container .wc-paytrail-ppa-method.selected, .wc-paytrail-ppa-methods-container .wc-paytrail-ppa-method:hover {
border-color: #7b9fa3;
}
.wc-paytrail-ppa-methods-container .wc-paytrail-ppa-method .wc-paytrail-ppa-method-icon-container {
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.wc-paytrail-ppa-methods-container .wc-paytrail-ppa-method .wc-paytrail-ppa-method-icon-container .wc-paytrail-ppa-method-icon {
flex: none;
display: block !important;
max-width: 100% !important;
max-height: 100% !important;
padding: 0 5px !important;
margin: 0 !important;
}
.wc-paytrail-ppa-methods-container.wc-paytrail-blocks .wc-paytrail-ppa-method-group {
margin-bottom: 20px;
}
.wc-paytrail-ppa-methods-container.wc-paytrail-blocks .wc-paytrail-ppa-method-group .wc-paytrail-ppa-group-methods {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
gap: 10px;
}
.wc-paytrail-ppa-methods-container.wc-paytrail-blocks .wc-paytrail-ppa-method-group .wc-paytrail-ppa-group-methods .wc-paytrail-ppa-method {
display: block;
width: 100%;
margin: 0;
}
.wc-paytrail-ppa-description {
margin-bottom: 10px;
}
.wc-paytrail-ppa-terms {
font-size: small;
}
.wc-paytrail-ppa-terms.wc-paytrail-ppa-terms-above {
margin-bottom: 10px;
}  .wc-paytrail-ppa-methods #wc-paytrail-ppa-method-group-applepay.wc-paytrail-hide-ap {
display: none !important;
}
#paytrail-ppa-apple-pay-info {
margin-bottom: 1rem;
} #paytrail-ppa-apple-pay-container {
display: flex;
justify-content: center;
flex-direction: row;
}
#paytrail-ppa-apple-pay-container #paytrail-ppa-apple-pay-button {
flex: none;
display: none;
appearance: -apple-pay-button;
-webkit-appearance: -apple-pay-button;
-apple-pay-button-type: plain;
-apple-pay-button-style: white-outline;
height: 50px;
width: 100%;
max-width: 400px;
margin-bottom: 1em;
} form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box .wc-paytrail-ppa-token-add-new,
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box .wc-paytrail-ppa-token-add-new {
margin-bottom: 10px;
}
form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box .wc-paytrail-ppa-token-add-new a,
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box .wc-paytrail-ppa-token-add-new a {
text-decoration: none;
padding: 8px;
line-height: 20px;
font-size: small;
}
form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box .wc-paytrail-ppa-token-add-new a span.dashicons,
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box .wc-paytrail-ppa-token-add-new a span.dashicons {
font-size: small;
line-height: 20px;
}
form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box .wc-paytrail-change-token-notice,
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box .wc-paytrail-change-token-notice {
margin-top: 10px;
font-size: small;
}
form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods,
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods {
list-style: none;
padding: 0;
margin: 0 0 10px;
}
form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li,
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li {
margin-left: 0;
padding: 0;
background: #ffffff;
border: 1px solid #d5dfe0;
padding: 5px 10px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
cursor: pointer;
max-width: 300px;
}
form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li.selected, form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li:hover,
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li.selected,
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li:hover {
border-color: #7b9fa3;
}
form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li input[type="radio"],
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li input[type="radio"] {
flex: none;
display: block;
}
form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li input[type="radio"]:focus,
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li input[type="radio"]:focus {
outline: none;
}
form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li img,
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li img {
float: none;
display: block;
flex: none;
}
form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li .wc-paytrail_ppa-payment-token-digits,
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li .wc-paytrail_ppa-payment-token-digits {
flex: auto;
display: block;
line-height: 26px;
}
form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li .wc-paytrail_ppa-payment-token-digits .wc-paytrail_ppa-payment-token-bullets,
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li .wc-paytrail_ppa-payment-token-digits .wc-paytrail_ppa-payment-token-bullets {
font-size: 18px;
letter-spacing: 0.1rem;
}
form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li .wc-paytrail_ppa-payment-token-expiry,
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li .wc-paytrail_ppa-payment-token-expiry {
line-height: 26px;
flex: none;
display: block;
}