diff --git a/components/Pagination/PaginationButton.tsx b/components/Pagination/PaginationButton.tsx
index ee2cd11a..e0efd0e2 100644
--- a/components/Pagination/PaginationButton.tsx
+++ b/components/Pagination/PaginationButton.tsx
@@ -22,7 +22,7 @@ export default function PaginationButton({
 }: PaginationButtonProps) {
   return (
     <button
-      className={`${className} flex size-[45px] items-center justify-center rounded-custom bg-background text-18 text-gray-400 shadow-custom dark:shadow-custom-dark mo:size-[40px]`}
+      className={`${className} scaleStyle flex size-[45px] items-center justify-center rounded-custom bg-background text-18 text-gray-400 shadow-custom dark:shadow-custom-dark mo:size-[40px]`}
       onClick={onClick}
       disabled={disabled}
     >
diff --git a/styles/globals.css b/styles/globals.css
index db07b469..79393f23 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -182,3 +182,8 @@ body {
     --pos2: 503px;
   }
 }
+
+/* 인터랙션 공통 스타일 */
+.scaleStyle {
+  @apply transition-all hover:scale-[1.02] hover:bg-gray-100 hover:shadow-xl;
+}