Change Cart button naming

src/components/atoms/ButtonCart.svelte

@@ -8,7 +8,7 @@
     }
 </script>
 
-<div class="cart-button">
+<div class="button-cart">
     <ButtonCircle color="purple" on:click={handleCartOpening}>
         <img src="/images/icons/pin.svg" alt="">
     </ButtonCircle>

src/routes/shop/__layout.svelte

@@ -4,7 +4,7 @@
     import Metas from '$components/Metas.svelte'
     import SiteTitle from '$components/atoms/SiteTitle.svelte'
     import Image from '$components/atoms/Image.svelte'
-    import CartButton from '$components/atoms/CartButton.svelte'
+    import ButtonCart from '$components/atoms/ButtonCart.svelte'
     import PosterLayout from '$components/layouts/PosterLayout.svelte'
     import Poster from '$components/molecules/Poster.svelte'
     import NotificationCart from '$components/molecules/NotificationCart.svelte'
@@ -52,7 +52,7 @@
                     </ul>
                 </nav>
 
-                <CartButton />
+                <ButtonCart />
             </div>
         </header>
 
@@ -79,7 +79,7 @@
             </dd>
         </dl>
 
-        <CartButton />
+        <ButtonCart />
         <div class="notifications">
             <NotificationCart />
         </div>
@@ -180,4 +180,4 @@
             }
         }
     }
-</script>
+</script>

src/style/atoms/_button-cart.scss

@@ -1,5 +1,5 @@
 // Cart
-.cart-button {
+.button-cart {
     display: none;
     position: relative;
 

src/style/style.scss

@@ -37,13 +37,13 @@
 // Atoms
 @import "atoms/button";
 @import "atoms/button-circle";
+@import "atoms/button-cart";
 @import "atoms/badge";
 @import "atoms/arrow";
 @import "atoms/discover";
 @import "atoms/box-cta";
 @import "atoms/site-title";
 @import "atoms/photo";
-@import "atoms/cart-button";
 
 // Molecules
 @import "molecules/photo-card";