/* Keep the payment label, five marks and arrow on one line. */
.payment-provider-buttons{container-type:inline-size}
.order-card .checkout-button{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:8px;min-height:50px;padding:12px 10px;white-space:nowrap;font-size:12px;line-height:1.2;letter-spacing:0}
.checkout-button .checkout-button-label{flex:0 0 auto;white-space:nowrap}
.checkout-button .payment-marks{display:inline-flex;align-items:center;flex:0 0 auto;gap:3px}
.checkout-button .payment-mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:21px;border-radius:4px;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0 / 6%);color:#111;overflow:hidden}
.checkout-button .payment-mark svg{display:block;width:26px;height:26px;fill:currentColor}
.checkout-button .payment-mark-link{background:#00d66f;color:#003d25}
.checkout-button .payment-mark-link svg{width:28px;height:21px}
.checkout-button .payment-mark-visa{color:#1434cb}
.checkout-button .payment-mark-mastercard svg{width:28px;height:21px}
.checkout-button .checkout-button-arrow{flex:0 0 auto;font-size:18px;line-height:1}
@container(max-width:280px){
 .order-card .checkout-button{gap:4px;padding-inline:5px;font-size:11px;min-width:0}
 .checkout-button .payment-marks{gap:2px}
 .checkout-button .payment-mark{width:25px;height:19px}
 .checkout-button .payment-mark svg{width:23px;height:23px}
 .checkout-button .payment-mark-link svg,.checkout-button .payment-mark-mastercard svg{width:24px;height:19px}
 .checkout-button .checkout-button-arrow{font-size:16px}
}

.checkout-button .payment-mark-google svg{width:28px;height:19px;fill:initial}
@container(max-width:340px){.order-card .checkout-button{gap:5px;padding-inline:7px;font-size:11px}.checkout-button .payment-marks{gap:2px}.checkout-button .payment-mark{width:27px;height:20px}.checkout-button .payment-mark svg{width:25px;height:23px}.checkout-button .payment-mark-google svg{width:25px;height:18px}}
@container(max-width:280px){.order-card .checkout-button{gap:4px;padding-inline:4px;font-size:10px}.checkout-button .payment-mark{width:23px;height:18px}.checkout-button .payment-mark svg{width:21px;height:21px}.checkout-button .payment-mark-google svg,.checkout-button .payment-mark-link svg,.checkout-button .payment-mark-mastercard svg{width:22px;height:17px}.checkout-button .checkout-button-arrow{font-size:14px}}