design: quecard 버튼래퍼 변경

src/pages/cueCard/CueCard.tsx

@@ -2,6 +2,7 @@ import { useRef } from 'react';
 
 import Button from 'components/common/atomComponents/Button';
 import Text from 'components/common/atomComponents/Text';
+import BottomBtnSection from 'components/common/moleculesComponents/BottomBtnSection';
 import Header from 'components/common/moleculesComponents/Header';
 import html2canvas from 'html2canvas';
 import CueCardTitle from 'pages/cueCard/components/CueCardTitle';
@@ -32,7 +33,7 @@ function CueCard() {
       <Header position={'cueCard'} />
       <CueCardTitle main={'일정 조율 완료!'} sub={'이미 확정된 회의 일정입니다'} />
       <Qcard ref={imageRef} />
-      <ButtonSection>
+      <BottomBtnSection>
         <CopyToClipboard text={currentURL}>
           <Button typeState={'halfTertiaryActive'} onClick={notify}>
             <Text font={'button2'}>링크 복사하기</Text>
@@ -47,7 +48,7 @@ function CueCard() {
         >
           <Text font={'button2'}>이미지 저장하기</Text>
         </Button>
-      </ButtonSection>
+      </BottomBtnSection>
     </CueCardWrapper>
   );
 }
@@ -62,12 +63,3 @@ const CueCardWrapper = styled.div`
 
   width: 100%;
 `;
-
-const ButtonSection = styled.section`
-  display: flex;
-  position: fixed;
-  bottom: 1.2rem;
-  flex-direction: row;
-  gap: 1.4rem;
-  justify-content: center;
-`;