fix: remove link shown as buttons

documentation/components/buttons.md

@@ -168,30 +168,3 @@ Buttons placed in columns instead of next to each other need to have the same wi
     </div>
 </div>
 ~~~
-
-## Links
-
-link buttons behave like regular anchors but they have a special look - they are buttons with no background, borders, or shadows, but they respect buttons colors and have an underline hover effect. Use the `link` class combined with colors.
-
-<br>
-<div class="container flex-grow">
-    <button class="link mr-2 my-2">Link</button>
-    <button class="link gnome-blue mr-2 my-2">Link</button>
-    <button class="link red mr-2 my-2">Link</button>
-    <button class="link orange mr-2 my-2">Link</button>
-    <button class="link yellow mr-2 my-2">Link</button>
-    <button class="link green mr-2 my-2">Link</button>
-    <button class="link white mr-2 my-2">Link</button>
-</div>
-<br>
-~~~html
-<div class="container flex-grow">
-    <button class="link mr-2 my-2">Link</button>
-    <button class="link gnome-blue mr-2 my-2">Link</button>
-    <button class="link red mr-2 my-2">Link</button>
-    <button class="link orange mr-2 my-2">Link</button>
-    <button class="link yellow mr-2 my-2">Link</button>
-    <button class="link green mr-2 my-2">Link</button>
-    <button class="link white mr-2 my-2">Link</button>
-</div>
-~~~
\ No newline at end of file

src/components/button.pcss

@@ -142,74 +142,3 @@
     }
   }
 }
-
-.link {
-  @apply bg-transparent;
-  @apply px-1 font-semibold border-solid border-3 border-transparent;
-
-  &:hover,
-  &:active,
-  &:focus {
-    @apply border-b-3 border-black;
-  }
-
-  &.gnome-blue {
-    @apply text-gnome-blue-500;
-
-    &:hover,
-    &:active,
-    &:focus {
-      @apply border-b-3 border-gnome-blue-500;
-    }
-  }
-
-  &.red {
-    @apply text-red-500;
-
-    &:hover,
-    &:active,
-    &:focus {
-      @apply border-b-3 border-red-500;
-    }
-  }
-
-  &.orange {
-    @apply text-orange-500;
-
-    &:hover,
-    &:active,
-    &:focus {
-      @apply border-b-3 border-orange-500;
-    }
-  }
-
-  &.yellow {
-    @apply text-yellow-500;
-
-    &:hover,
-    &:active,
-    &:focus {
-      @apply border-b-3 border-yellow-500;
-    }
-  }
-
-  &.green {
-    @apply text-green-500;
-
-    &:hover,
-    &:active,
-    &:focus {
-      @apply border-b-3 border-green-500;
-    }
-  }
-
-  &.white {
-    @apply text-white;
-
-    &:hover,
-    &:active,
-    &:focus {
-      @apply border-b-3 border-white;
-    }
-  }
-}
\ No newline at end of file