From 8269e99a3ecfccc9228f4c13c5e9ca35f929ace5 Mon Sep 17 00:00:00 2001
From: Tilly Woodfield <22456167+tillywoodfield@users.noreply.github.com>
Date: Tue, 10 Dec 2024 15:21:57 +0200
Subject: [PATCH] feat(button): add ability to apply iati-button styles to <a>
 elements

---
 src/scss/components/button/_button.scss      | 1 +
 src/scss/components/button/button.stories.ts | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/src/scss/components/button/_button.scss b/src/scss/components/button/_button.scss
index ca96dca..e895eaf 100644
--- a/src/scss/components/button/_button.scss
+++ b/src/scss/components/button/_button.scss
@@ -17,6 +17,7 @@
   padding: 0.7em;
   font-weight: 600;
   transition: all 0.2s ease-in-out;
+  text-decoration: none;
 
   &:hover {
     background-color: $color-teal-80;
diff --git a/src/scss/components/button/button.stories.ts b/src/scss/components/button/button.stories.ts
index 3ffbf05..3bc24e9 100644
--- a/src/scss/components/button/button.stories.ts
+++ b/src/scss/components/button/button.stories.ts
@@ -14,6 +14,10 @@ export const Default: Story = {
   render: () => html`<button class="iati-button">Button</button>`,
 };
 
+export const Link: Story = {
+  render: () => html`<a href="#" class="iati-button">Button</a>`,
+};
+
 export const Light: Story = {
   parameters: {
     backgrounds: {