Paypal Buttons - CC not working "Things don't appear to be working at the moment"

Question

I have a simple paypal button implementation for subscriptions

<div id="paypal-button-container-P-7WX14668TE0595539MJ4J77A"></div>
<script src="https://www.paypal.com/sdk/js?client-id=ASB1KMZU9abM6faaJI9CupXVwe5jWiw5pXqJor7a1Dh-0uch6RwivBmLvp-Nqgvtgg2kkPfrwha7E4Lo&vault=true&intent=subscription" data-sdk-integration-source="button-factory"></script>
<script>
  paypal.Buttons({
      style: {
          shape: 'rect',
          color: 'gold',
          layout: 'vertical',
          label: 'subscribe'
      },
      createSubscription: function(data, actions) {
        return actions.subscription.create({
          /* Creates the subscription */
          plan_id: 'P-MYPLANID'
        });
      },
      onApprove: function(data, actions) {
        alert(data.subscriptionID); // You can add optional success message for the subscriber here
      }
  }).render('#paypal-button-container-P-7WX14668TE0595539MJ4J77A'); // Renders the PayPal button
</script>

In the sandbox it is working correctly, but once I change everything to live I cannot make a payment using the debit card button, since it returns the following error

but making the payment with a paypal account works correctly on the same implementation, and in sandbox both buttons are working i have SSL on my page and Encrypted Website Payments set to OFF on paypal account configuration also the accidental payment on configuration thanks for your help.