[FE] refactor: Button focus 시 스타일링 제거

frontend/src/components/@common/Button/Button.tsx

@@ -1,4 +1,3 @@
-// import { HomeIcon } from 'assets/icons';
 import {
   CSSProperties,
   ComponentPropsWithRef,
@@ -66,10 +65,6 @@ const genVariantStyle = (variant: Required<Props>['variant']): RuleSet<object> =
           background-color: ${theme.color.primary};
           color: ${theme.color.gray2};
         }
-
-        &:focus {
-          box-shadow: 0 0 0 3px ${theme.color.primary};
-        }
       `}
     `,
     text: css`
@@ -81,10 +76,6 @@ const genVariantStyle = (variant: Required<Props>['variant']): RuleSet<object> =
         &:hover {
           background-color: ${theme.color.gray4};
         }
-
-        &:focus {
-          box-shadow: 0 0 0 3px ${theme.color.gray4};
-        }
       `}
     `,
     /* TODO: secondary를 primary로 바꾸고, primary는 다른 이름으로 변경 */
@@ -97,10 +88,6 @@ const genVariantStyle = (variant: Required<Props>['variant']): RuleSet<object> =
         &:hover {
           background-color: ${theme.color.primaryHover};
         }
-
-        &:focus {
-          box-shadow: 0 0 0 3px ${theme.color.primary};
-        }
       `}
     `,
   };