How is that button being generated out of interest? What environment is this in? Looks like a cart or checkout page which sometimes have limitations depending on the underlying software.
Hopefully this may just be a case of not being explicit enough with your CSS selector, try being as specific as you can when selecting it in the stylesheet (it’s a bit of a pain but I often find that being as specific as possible is the best way to go when debugging and then removing selectors so it’s not unreadable). So try include many parent elements of it while checking for other CSS selectors that may be interfering.
It fetches the payment gateways therefore I’m finding it hard to remove it without removing it across the entire site. I just need it hidden if possible.
<!-- Payment Methods -->
<div class="twelve wide column payment-gateways">
<?php $gateway_active = wpj_purchase_this_show_payment_methods();
if ( ! $gateway_active ) { ?>
<div class="ui payment-method-error label">
<p><?php _e( 'Payment methods are not available at this time. Please contact the administrator of this site for help.',
So you’re using a Wordpress site, presumably Woocommerce, I would suggest looking at the Stack Overflow or relevant forums for helping out with this. I think this sort of issue is beyond the scope of Free Code Camp.
The only thing I would suggest is following that function wpj_purchase_this_show_payment_methods down and going down that rabbit hole. Best of luck