💄 : #492 - FootPrintFilter 컴포넌트 검색 버튼 CSS 구현

src/app/footprints/_Components/FootPrintFilter/FootPrintFilter.tsx

@@ -1,4 +1,4 @@
-import { Dropdown } from '@/components';
+import { Dropdown, Icon } from '@/components';
 import { useGetMyPlansForFootprintQuery } from '@/hooks/apis';
 import classNames from 'classnames';
 import React, { useEffect, useMemo, useState } from 'react';
@@ -76,9 +76,11 @@ export default function FootPrintFilter({
         classNameList={['footprint-filter__dropdown--filter']}
       />
 
-      <div
+      <button
         className={classNames('footprint-filter__search-btn')}
-        onClick={handleClickSearchBtn}>{`검색`}</div>
+        onClick={handleClickSearchBtn}>
+        <Icon name={'SEARCH'} color={'white-100'} size="lg" />
+      </button>
     </div>
   );
 }

src/app/footprints/_Components/FootPrintFilter/index.scss

@@ -1,8 +1,17 @@
 .footprint-filter {
   display: flex;
-  justify-content: space-between;
+  gap: 0.75rem;
   align-items: center;
 
   &__search-btn {
+    &:hover {
+      cursor: pointer;
+    }
+    display: flex;
+    justify-content: center;
+    padding: 0.25rem;
+    align-items: center;
+    border-radius: 10px;
+    background-color: var(--origin-primary);
   }
 }