OZG-7510 Restyle routing button

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

 import { CommonModule } from '@angular/common';
 import { Component, Input } from '@angular/core';
 import { RouterLink } from '@angular/router';
+import { ButtonVariants, buttonVariants } from '@ods/system';
 
 @Component({
   selector: 'ods-routing-button',
   standalone: true,
   imports: [CommonModule, RouterLink],
   host: { class: 'block' },
-  template: `<a
-    [routerLink]="'/' + linkPath"
-    [attr.data-test-id]="dataTestId"
-    class="block min-h-9 w-fit min-w-32 rounded bg-primary px-4 py-2 text-sm font-medium text-white shadow-sm outline-focus hover:bg-primary-hover focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2"
-  >
-    {{ text }}
+  template: `<a [routerLink]="'/' + linkPath" [attr.data-test-id]="dataTestId" [ngClass]="buttonVariants({ size, variant })">
+    <ng-content select="[icon]" />
+    @if (text) {
+      <p class="flex-grow">{{ text }}</p>
+    }
   </a>`,
 })
 export class RoutingButtonComponent {
   @Input() linkPath: string;
   @Input() text: string;
   @Input() dataTestId: string;
+  @Input() variant: ButtonVariants['variant'];
+  @Input() size: ButtonVariants['size'];
+
+  readonly buttonVariants = buttonVariants;
 }

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

@@ -81,7 +81,7 @@ export const buttonVariants = cva(
     ],
   },
 );
-type ButtonVariants = VariantProps<typeof buttonVariants>;
+export type ButtonVariants = VariantProps<typeof buttonVariants>;
 
 @Component({
   selector: 'ods-button',