diff --git a/src/components/atoms/ButtonCart.svelte b/src/components/atoms/ButtonCart.svelte
index 611535e..230300f 100644
--- a/src/components/atoms/ButtonCart.svelte
+++ b/src/components/atoms/ButtonCart.svelte
@@ -1,6 +1,9 @@
 <script lang="ts">
+    import { scale } from 'svelte/transition'
+    import { quartOut } from 'svelte/easing'
     import { cartOpen, cartAmount } from '$utils/store'
-    import ButtonCircle from './ButtonCircle.svelte'
+    // Components
+    import ButtonCircle from '$components/atoms/ButtonCircle.svelte'
 
     const openCart = () => {
         $cartOpen = true
@@ -13,6 +16,6 @@
     </ButtonCircle>
 
     {#if $cartAmount > 0}
-        <span class="quantity">{$cartAmount}</span>
+        <span class="quantity" transition:scale={{ start: 0.6, duration: 400, easing: quartOut }}>{$cartAmount}</span>
     {/if}
 </div>
\ No newline at end of file