OZG-6242-7645 update buttons

alfa-client/apps/demo/src/app/app.component.html

@@ -36,6 +36,21 @@
       <nav>NAV</nav>
     </div>
     <main class="flex-auto bg-background-50 p-6">
+      <div class="my-12">
+        <h1 class="mb-6 text-2xl font-semibold text-text">Buttons</h1>
+        <ods-button text="Organisationseinheit hinzufügen" />
+        <br />
+        <ods-button destructive="true" text="Organisationseinheit hinzufügen" />
+        <br />
+        <ods-button variant="outline" text="Organisationseinheit hinzufügen" />
+        <br />
+        <ods-button destructive="true" variant="outline" text="Organisationseinheit hinzufügen" />
+        <br />
+        <ods-button variant="ghost" text="Organisationseinheit hinzufügen" />
+        <br />
+        <ods-button destructive="true" variant="ghost" text="Organisationseinheit hinzufügen" />
+      </div>
+
       <div class="my-12">
         <h1 class="mb-6 text-2xl font-semibold text-text">Organisationseinheiten</h1>
         <ods-button text="Organisationseinheit hinzufügen" />

alfa-client/libs/design-system/src/lib/button/button.component.ts

@@ -39,7 +39,8 @@ export const buttonVariants = cva(
         primary: 'bg-primary text-white shadow-md hover:enabled:bg-primary-hover',
         outline:
           'border border-primary bg-background-50 text-primary shadow-md hover:enabled:bg-ghost-hover focus-visible:border-background-200',
-        ghost: 'border-2 border-transparent hover:enabled:bg-ghost-hover text-primary focus-visible:border-background-200',
+        ghost:
+          'border-2 border-transparent hover:enabled:bg-ghost-hover text-primary focus-visible:border-background-200 font-semibold',
       },
       size: {
         medium: 'h-9 py-2 px-4 min-w-32',