/**
 * Let WooCommerce Blocks render branded payment / express buttons natively.
 *
 * @package CroPuff\SiteModules
 */

body.woocommerce-checkout .wc-block-components-express-payment,
body.woocommerce-checkout .wc-block-components-express-payment *,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button *,
body.woocommerce-cart .wc-block-components-express-payment,
body.woocommerce-cart .wc-block-components-express-payment * {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  text-transform: none !important;
  border-radius: inherit !important;
  padding: inherit !important;
  min-height: unset !important;
  box-shadow: none !important;
  background-image: none;
}

body.woocommerce-checkout .wc-block-components-express-payment button,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.woocommerce-cart .wc-block-components-express-payment button {
  width: 100%;
  max-width: 100%;
}