fix. 머지 충돌 수정

Made-with: Cursor

layers/components/blocks/Button/Home.vue

@@ -13,11 +13,11 @@ const analytics = {
 
 <template>
   <AtomsButtonCircle
-    sr-only="home"
     type="internal"
     href="/home"
-    class="btn-home"
     background-color="rgb(0 0 0 / 0.2)"
+    sr-only="home"
+    class="btn-home"
     @click="sendLog(locale, analytics)"
   >
     <AtomsIconsHomeFill />

layers/components/blocks/Button/ScrollTop.vue

@@ -32,9 +32,9 @@ const handleScrollToTop = () => {
   <Transition name="fade">
     <AtomsButtonCircle
       v-show="showBtn"
-      class="btn-top"
-      sr-only="top"
       :background-color="backgroundColor"
+      sr-only="top"
+      class="btn-top"
       @click="handleScrollToTop"
     >
       <AtomsIconsArrowControlTopLine />

layers/components/blocks/Button/SlideArrows.vue

@@ -30,17 +30,17 @@ const handleArrowClick = (direction: 'prev' | 'next') => {
 <template>
   <div class="splide__arrows">
     <AtomsButtonCircle
+      :background-color="getArrowBackgroundColor('prev')"
       sr-only="Previous"
       class="splide-arrow splide__arrow--prev"
-      :background-color="getArrowBackgroundColor('prev')"
       @click="handleArrowClick('prev')"
     >
       <AtomsIconsArrowRightLine color="#ffffff" />
     </AtomsButtonCircle>
     <AtomsButtonCircle
+      :background-color="getArrowBackgroundColor('next')"
       sr-only="Next"
       class="splide-arrow splide__arrow--next"
-      :background-color="getArrowBackgroundColor('next')"
       @click="handleArrowClick('next')"
     >
       <AtomsIconsArrowRightLine color="#ffffff" />