fix: [디자인QA] 원형 버튼 모바일 아이콘 사이즈 조절

layers/components/atoms/Button/Circle.vue

@@ -47,4 +47,8 @@ const componentProps = computed(() => {
     after:content-[''] after:absolute after:top-0 after:left-0 after:w-full after:h-full after:bg-white after:rounded-full after:opacity-0 after:transition-all after:duration-300 after:ease-in-out
     hover:after:opacity-10;
 }
+
+.btn-circle:deep(svg) {
+  @apply w-[20px] h-[20px] md:w-[24px] md:h-[24px];
+}
 </style>

layers/components/layouts/EventNavigation.vue

@@ -57,7 +57,7 @@ onMounted(async () => {
         class="btn-control"
         @click="toggleEventNavigation"
       >
-        <AtomsIconsArrowRightLine size="24" color="#ffffff" />
+        <AtomsIconsArrowRightLine color="#ffffff" />
       </AtomsButtonCircle>
       <ul class="navigation-list">
         <li v-for="item in eventNavigationList" :key="item.banner_seq">