fix: Button size changing suddenly after loading state

[jeeanribeiro]

Summary

The Button component is changing its size suddenly after changing states, it is happening because of the CSS performance, to solve this, the dynamic values were replaced by static by avoiding calc() functions with CSS variables.

Changelog

- Simplify button sizing by replacing the dynamic calculations with variables for static values

Testing

Platforms

• Desktop
  • MacOS
  • Linux
  • Windows
• Mobile
  • iOS
  • Android

Checklist

• I have followed the contribution guidelines for this project
• I have performed a self-review of my own code
• I have commented on my code, particularly in hard-to-understand areas
• I have added or modified tests that prove my changes work as intended
• I have verified that new and existing unit tests pass locally with my changes
• I have verified that my latest changes pass CI workflows for testing and linting
• I have made corresponding changes to the documentation

[maxwellmattryan]

LGTM 🔥