Overriding CSS of a button using query selector where component ID is not available

Summary:

Hi team,

We have one requirment to change the look and feel of a button in requisition search page (redwood). We don't find any unique id attached to that button tag.
so we have overridden the CSS through docuement.queryselector in js function. Please let us know ,if this approach is upgrade safe or not ?

App name : recruiting-hiring
Flow name: requisition
page name: search

Content (please ensure you mask any confidential information):

NA

Version (include the version you are using, if applicable):

Redwood 24C

Code Snippet (add any code snippets that support your topic, if applicable):

We have used the below js code to add the css class to the button element for overriding the css..