.flux-pay-now-mini {
    display: inline-flex; 
    align-items: center; 
    gap: .5rem;
    padding: .65rem 2rem; 
    border-radius: .5rem; 
    border: 0;
    text-decoration: none; 
    cursor: pointer; 
    font-weight: 600;
    transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
    background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);
    color: #fff;
    border: 1px solid #eff6f2 !important;
    position: relative;
}

.flux-pay-now-mini:hover { 
    background-color: #eff6f2 !important; 
    border: 1px solid white !important; 
    color: black !important; 
}

.flux-pay-now-mini:disabled,
.flux-pay-now-mini[aria-busy="true"] { 
    opacity: .7; 
    cursor: not-allowed; 
    transform: none; 
}

.flux-paynow-icon { 
    height: 80px; 
    scale: 2.5; 
}

.flux-spinner {
    width: 20px; 
    height: 20px; 
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: black;
    animation: flux-spin 1s linear infinite;
    display: none;
    color: black !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.flux-pay-now-mini.is-loading .flux-spinner { 
    display: block; 
}

.flux-pay-now-mini.is-loading span:not(.flux-spinner) { 
    opacity: 0; 
}

@keyframes flux-spin { 
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* REMOVED (1.8.3) — this rule lived here:
       #customer_details, .woocommerce-billing-fields,
       .woocommerce-shipping-fields, h3 { display: none !important; }

   Two serious problems:
   1. `#customer_details` is the ENTIRE left column of the checkout, so it hid
      every CUSTOM checkout field a merchant had added (referral dropdowns,
      questionnaires, opt-ins) — not just WooCommerce's default billing inputs.
      The same rule was removed from flux-checkout.css in 1.8.0; this was a
      forgotten SECOND copy, which is why the fields still vanished afterwards.
   2. This stylesheet is enqueued on EVERY page of the store (see
      flux_enqueue_frontend_assets — no cart/checkout guard), so the bare `h3`
      selector hid every H3 element sitewide: product tabs, blog headings,
      widget titles, everything.

   WooCommerce's own default billing/shipping inputs are removed properly in
   PHP via the woocommerce_checkout_fields filter. Nothing needs hiding here.
   Do not re-add layout rules to this file — it is the Pay Now button
   stylesheet and it loads globally. */