#####Problem
The Query Builder's user interface was composed using a combination of Vue 2 custom components and WiKit elements, such as `Button`. The WiKit design system is now on its deprecation path, as it has been superseded by Codex, the official Wikimedia design system. The utilization of WiKit components is not recommended, and they should be replaced in order to reduce maintenance costs and ensure consistency.
#####Solution
We have to replace the WiKit `Button` by the Codex equivalent: `cdx-button` ([[ https://doc.wikimedia.org/codex/main/components/demos/button.html#configurable | See demo ]]). This will take us a step closer to switching to the new design system and deprecating the old.
#####Considerations
The icon-only button included in the `.querybuilder__sharable-link` span doesn't need to be replaced as part of this task. The plan is to replace both the "Get a shareable link" text and that icon-only button by a icon + text normal progressive button that communicates the action (see T360997).
#####Acceptance criteria
[] All WiKit Button types used in Query Builder are replaced by their Codex equivalent