fix. [SWV-865] 영상재생 버튼 개선

Made-with: Cursor

layers/components/blocks/Button/Home.vue

@@ -17,7 +17,7 @@ const analytics = {
     type="link"
     to="/home"
     class="btn-home"
-    bg-color="rgb(0 0 0 / 0.2)"
+    background-color="rgb(0 0 0 / 0.2)"
     @click="sendLog(locale, analytics)"
   >
     <AtomsIconsHomeFill />

layers/components/blocks/Button/ScrollTop.vue

@@ -34,7 +34,7 @@ const handleScrollToTop = () => {
       v-show="showBtn"
       class="btn-top"
       sr-only="top"
-      :bg-color="backgroundColor"
+      :background-color="backgroundColor"
       @click="handleScrollToTop"
     >
       <AtomsIconsArrowControlTopLine />

layers/components/blocks/Button/SlideArrows.vue

@@ -32,7 +32,7 @@ const handleArrowClick = (direction: 'prev' | 'next') => {
     <AtomsButtonCircle
       sr-only="Previous"
       class="splide-arrow splide__arrow--prev"
-      :bg-color="getArrowBgColor('prev')"
+      :background-color="getArrowBgColor('prev')"
       @click="handleArrowClick('prev')"
     >
       <AtomsIconsArrowRightLine color="#ffffff" />
@@ -40,7 +40,7 @@ const handleArrowClick = (direction: 'prev' | 'next') => {
     <AtomsButtonCircle
       sr-only="Next"
       class="splide-arrow splide__arrow--next"
-      :bg-color="getArrowBgColor('next')"
+      :background-color="getArrowBgColor('next')"
       @click="handleArrowClick('next')"
     >
       <AtomsIconsArrowRightLine color="#ffffff" />