From 7a2a0adb73737e9b0cdb7262377e51eb345039d7 Mon Sep 17 00:00:00 2001
From: Ian Donahue <idonahue@users.noreply.github.com>
Date: Tue, 28 Mar 2023 12:32:25 +0200
Subject: [PATCH] Added transition to button

Wer
---
 src/lib/components/Button.svelte | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/Button.svelte b/src/lib/components/Button.svelte
index f02d305e1..7b160d2bb 100644
--- a/src/lib/components/Button.svelte
+++ b/src/lib/components/Button.svelte
@@ -44,7 +44,7 @@ And the following optional props:
 
 <style>
 	.base {
-		@apply flex items-center justify-center rounded text-base text-white ;
+		@apply flex items-center justify-center rounded text-base text-white transition ease-in-out;
 	}
 	.base:disabled {
 		@apply opacity-40;
@@ -58,20 +58,24 @@ And the following optional props:
 	.primary-filled:hover {
 		border: 1px solid #1C48C9;
 		background: #1C48C9;
+		@apply transition ease-in-out;
 	}
 	.primary-nofill {
 		background: rgba(28, 72, 201, 0.0);
 		border: 1px solid #3662e3;
+		@apply transition ease-in-out;
 	}
 	.primary-nofill:hover {
 		background: rgba(28, 72, 201, 0.3);
 		border: 1px solid #3662e3;
+		@apply transition ease-in-out;
 	}
 
 	/* Default */
 	.default-filled {
 		border: 1px solid #71717a;
 		background: #71717a;
+		@apply transition ease-in-out;
 	}
 	.default-filled:hover {
 		@apply border-zinc-600 bg-zinc-600;
@@ -79,10 +83,12 @@ And the following optional props:
 	.default-nofill {
 		background: rgba(113, 113, 122, 0.0);
 		border: 1px solid #71717a;
+		@apply transition ease-in-out;
 	}
 	.default-nofill:hover {
 		background: rgba(113, 113, 122, 0.4);
 		border: 1px solid #71717a;
+		@apply transition ease-in-out;
 	}
 
 	/* Size */