fix. 코드 리팩토링

layers/components/layouts/Header.vue

@@ -374,7 +374,6 @@ onMounted(() => {
             <div ref="startRef" class="btn-start">
               <template v-if="start1depthData">
                 <BlocksButtonLauncher
-                  type="custom"
                   platform="pc"
                   :background-color="
                     getColorCodeFromData(start1depthData?.btn_info, 'btn')
@@ -393,7 +392,8 @@ onMounted(() => {
                   <ul>
                     <li v-for="(item, key) in start2depthData" :key="key">
                       <BlocksButtonLauncher
-                        type="custom"
+                        type="single"
+                        variant="custom"
                         :platform="key"
                         @click="sendLog(locale, item.tracking)"
                       >
@@ -573,25 +573,28 @@ onMounted(() => {
 .btn-start:hover .nav-2depth {
   @apply md:block;
 }
-.btn-start:deep(> .btn-base) {
+.btn-start:deep(.btn-base[data-variant='filled']) {
   @apply w-full h-[48px] px-10 font-[700] text-[16px];
 }
-.btn-start:deep(> .btn-base) .icon-platform {
+.btn-start:deep(.btn-base[data-variant='filled']) svg {
   @apply hidden;
 }
-.btn-start:deep(> .btn-base) .btn-content {
-  @apply justify-center;
-}
 
 .btn-start .nav-2depth {
   @apply left-[unset] right-[-40px];
 }
 .btn-start .nav-2depth:deep(.btn-base) {
-  @apply w-full h-[48px] px-4 bg-transparent before:hidden after:hidden
+  @apply w-full h-[48px] px-4 
   hover:bg-theme-foreground-reversal-4 active:bg-theme-foreground-reversal-10;
 }
+.btn-start .nav-2depth:deep(.btn-base) .btn-content {
+  @apply justify-start;
+}
 .btn-start .nav-2depth:deep(.btn-base) .text {
-  @apply ml-1.5 text-[15px] text-theme-foreground-reversal;
+  @apply pl-1.5 text-[15px] text-theme-foreground-reversal;
+}
+.btn-start:deep(.nav-2depth .icon-download) {
+  @apply hidden;
 }
 
 [data-theme='light'] {