Auth - Login/Signup/Forgot/Rest

src/components/PrimaryButton/index.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { BarLoader } from 'svelte-loading-spinners';
+  import { Moon } from 'svelte-loading-spinners';
   import { VARIANTS, VARIANTS_CLASS } from './constants';
 
   export let label = '';
@@ -22,14 +22,14 @@
     variant
   ]} {!disablePadding &&
     'py-1 px-5'} rounded-none {className} py-2 w-full justify-center sm:w-auto {isLoading &&
-    'py-4 border-blue-700'} transition delay-150 duration-300 ease-in-out"
+    'py-2 border-blue-700'} hover:shadow-xl transition delay-150 duration-300 ease-in-out"
   on:click={onClick}
   {name}
   {type}
   disabled={isDisabled}
 >
   {#if isLoading}
-    <BarLoader size="30" color="#1d4ed8" unit="px" duration="1s" />
+    <Moon size="30" color="#1d4ed8" unit="px" duration="1s" />
   {:else if !!label}
     {label}
   {:else}