#####Problem
The Special:NewLexeme's user interface was composed using WiKit next 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.
The WiKit primary progressive button to be replaced is used in the following Special:NewLexeme component:
- [[ https://github.com/wmde/new-lexeme-special-page/blob/main/src/components/NewLexemeForm.vue | NewLexemeForm.vue ]]
#####Considerations
We'll need to apply a local solution to fix the alignment of icons and labels within buttons (e.g. Language selector trigger). Refer to the solution applied in Mismatch Finder (See T346797)
#####Acceptance criteria
[] All WiKit Button types used in Special:NewLexeme are replaced by their Codex equivalent