style: 공유하기 버튼 스타일 조정

src/pages/SearchCombinationPage/components/CombinationBox.css

@@ -11,16 +11,27 @@
 
 .share-button {
   padding: 0.5rem 1rem;
-  background-color: #4CAF50;
+  background-color: var(--primary-color);
   color: white;
-  border: none;
-  border-radius: 4px;
+  border: 1px solid var(--primary-color);
+  border-radius: 8px;
   cursor: pointer;
-  transition: background-color 0.3s;
+  font-weight: 500;
+  transition: all 0.3s ease;
 }
 
 .share-button:hover {
-  background-color: #45a049;
+  background-color: var(--primary-color);
+  box-shadow: 0 0 0 3px var(--primary-light);
+  transform: translateY(-1px);
+}
+
+.share-button:disabled {
+  background-color: var(--primary-light);
+  border-color: var(--primary-light);
+  cursor: not-allowed;
+  transform: none;
+  box-shadow: none;
 }
 
 .title {

src/pages/SharedCombinationPage/SharedCombinationPage.css

@@ -24,14 +24,25 @@
 
 .share-button {
   padding: 0.5rem 1rem;
-  background-color: #4CAF50;
+  background-color: var(--primary-color);
   color: white;
-  border: none;
-  border-radius: 4px;
+  border: 1px solid var(--primary-color);
+  border-radius: 8px;
   cursor: pointer;
-  transition: background-color 0.3s;
+  font-weight: 500;
+  transition: all 0.3s ease;
 }
 
 .share-button:hover {
-  background-color: #45a049;
+  background-color: var(--primary-color);
+  box-shadow: 0 0 0 3px var(--primary-light);
+  transform: translateY(-1px);
+}
+
+.share-button:disabled {
+  background-color: var(--primary-light);
+  border-color: var(--primary-light);
+  cursor: not-allowed;
+  transform: none;
+  box-shadow: none;
 } 
\ No newline at end of file