Button System Design

Well done :) Looks good. If you wanted to take this one step further, especially if you were to use these buttons in a larger project, you can consider adding documentation regarding when and how to use these buttons and layout guidelines for the particular app about what constitutes a primary, secondary, and tertiary button, as well as outline how they should be displayed on desktop (on the left side, right side, or center on the screen at all or most times) and mobile (full-width or identical as on desktop).

Thanks for sub, Regina!

You did a great job here, and for sure, this design system will help you out. What I suggest is put tags on each button (hover, disabled, outlined - also add focus mode) and try to make an appealing cover for the project (for extra mile)

Great job here!

Well done :) Looks great. If you want to take it a step further, especially if you want to use these buttons in large projects, you can consider adding documentation on when and how these buttons and layout guidelines can be used. Implement specific apps on why you want to create primary, secondary, and tertiary buttons, and how to display them on desktop (left, right, or most of the time) and mobile (Same as desktop).