Round the add to cart button

Dear Sir/Madam,

I want to round the add to cart button using below style code

.wp-block-button__link,
.add_to_cart_button,
.ajax_add_to_cart,
.wp-block-button.wc-block-grid__product-add-to-cart a, .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border: 0px solid #000000;
}

Refer to the screenshot (https://prnt.sc/16kd84f) the border-radius always overrides my code by the hard-code, where can I remove it?

Best regards,

Kelvin.