feat: cleaner popup

packages/website-ue/src/components/Button/index.module.css

@@ -2,6 +2,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  gap: var(--space-2);
 
   border-radius: var(--max-size);
   padding: var(--space-3) var(--space-4);

packages/website-ue/src/components/Button/index.tsx

@@ -1,7 +1,7 @@
 import type { ComponentProps } from "react";
 import { classNames } from "../../core/ui/classNames";
 import type { Color } from "../../core/ui/color";
-import "./index.css";
+import styles from "./index.module.css";
 
 export interface ButtonProps extends ComponentProps<"button"> {
   color?: Color;
@@ -25,7 +25,7 @@ export function Button({
 }: ButtonProps) {
   return (
     <button
-      className={classNames("button", className)}
+      className={classNames(styles.button, className)}
       data-color={color}
       data-variant={variant}
       data-light-text={color ? LIGHT_TEXT_COLORS.has(color) : undefined}