Issue #3386927: Refactor CSS

components/navigation-button/navigation-button.component.yml

+# This is so your IDE knows about the syntax for fixes and autocomplete.
+$schema: https://git.drupalcode.org/project/drupal/-/raw/10.1.x/core/modules/sdc/src/metadata.schema.json
+
+# The human readable name.
+name: Navigation button
+
+# Status can be: "experimental", "stable", "deprecated", "obsolete".
+status: experimental
+
+# Schema for the props. We support www.json-schema.org. Learn more about the
+# syntax there.
+props:
+  type: object
+  properties:
+    attributes:
+      type: Drupal\Core\Template\Attribute
+      title: Attributes
+      description: Wrapper attributes.
+    avatar:
+      title: Avatar
+      description: Optional avatar picture.
+    html_tag:
+      type: string
+      title: HTML tag for wrapper
+    icon:
+      type: string
+      examples:
+        - "appearance"
+      enum:
+        - appearance
+        - blocks
+        - bookmarks
+        - config
+        - content
+        - create
+        - extend
+        - files
+        - help
+        - media
+        - people
+        - reports
+        - structure
+        - user
+    is_dropdown:
+      type: boolean
+    text:
+      type: string
+      title: Button text
+      examples:
+        - Button
+    url:
+      type: string
+      title: Button url
+      examples:
+        - "#"