From a792bbf37b0afafe3e9d97809553e91b1004a7e5 Mon Sep 17 00:00:00 2001
From: LukaHarambasic <luka@harambasic.de>
Date: Mon, 14 Nov 2022 16:53:23 +0100
Subject: [PATCH] for reproduction

---
 .../Base/BaseToClipboardButton.svelte         | 24 +------------------
 src/pages/index.astro                         |  2 +-
 2 files changed, 2 insertions(+), 24 deletions(-)

diff --git a/src/components/Base/BaseToClipboardButton.svelte b/src/components/Base/BaseToClipboardButton.svelte
index 22b45b4c..600411f2 100644
--- a/src/components/Base/BaseToClipboardButton.svelte
+++ b/src/components/Base/BaseToClipboardButton.svelte
@@ -7,28 +7,6 @@
 	}
 </script>
 
-<button class="button" on:click|once={copyToClipboard}>
+<button on:click|once={copyToClipboard}>
 	<slot />
 </button>
-
-<style>
-	.button {
-		border: none;
-		background: transparent;
-		font-weight: 500;
-		font-size: 1rem;
-		font-family: 'Source Sans Pro', sans-serif;
-		letter-spacing: 0.2px;
-		line-height: 1.2;
-		border-right: 1px solid rgba(0, 0, 0, 0.05);
-		padding: var(--xs) var(--s);
-		margin: 0;
-		transition: var(--transition);
-		text-decoration: none;
-		color: var(--c-font);
-		&:hover {
-			background: rgba(0, 0, 0, 0.05);
-			cursor: pointer;
-		}
-	}
-</style>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index ba6063b5..20c0bd0a 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -151,7 +151,7 @@ const randomLists = getRandomItems(lists, 2);
 				</div>
 				<div class="buttons">
 					<a href="mailto:luka@harambasic.de" class="button">Write</a>
-					<BaseToClipboardButton client:idle toClipboard="luka@harambasic.de"
+					<BaseToClipboardButton class="button" client:idle toClipboard="luka@harambasic.de"
 						>Copy</BaseToClipboardButton
 					>
 				</div>