Update app.css

app.css

@@ -153,7 +153,7 @@ footer, .footer, div[class*="footer"], #footer {
   display: flex;
   gap: 8px;
   padding: 8px 0;
-  justify-content: flex-end;
+  justify-content: space-between;
   border-bottom: 2px dashed var(--neutral-300);
   padding-bottom: 12px;
   margin-bottom: 12px;
@@ -220,35 +220,45 @@ footer, .footer, div[class*="footer"], #footer {
   box-shadow: var(--shadow-md);
 }
 
-/* 각 버튼 스타일 커스텀 */
-.ant-btn[title="전송"] {
-  background: linear-gradient(to right, var(--primary), var(--secondary));
-  border: none;
-  color: white;
+/* 각 버튼 스타일 커스텀 - 클래스 기반 */
+.send-btn {
+  background: linear-gradient(to right, var(--primary), var(--secondary)) !important;
+  border: none !important;
+  color: white !important;
 }
 
-.ant-btn[title="증강"] {
-  background: linear-gradient(to right, var(--tertiary), #9966cc);
-  border: none;
-  color: white;
+.boost-btn {
+  background: linear-gradient(to right, var(--tertiary), #9966cc) !important;
+  border: none !important;
+  color: white !important;
 }
 
-.ant-btn[title="코드"] {
-  background: linear-gradient(to right, var(--success), #66d9a8);
-  border: none;
-  color: white;
+.execute-btn {
+  background: linear-gradient(to right, var(--success), #66d9a8) !important;
+  border: none !important;
+  color: white !important;
 }
 
-.ant-btn[title="배포"] {
-  background: linear-gradient(to right, var(--warning), #ffcc66);
-  border: none;
-  color: white;
+.deploy-btn {
+  background: linear-gradient(to right, var(--warning), #ffcc66) !important;
+  border: none !important;
+  color: white !important;
 }
 
-.ant-btn[title="클리어"] {
-  background: linear-gradient(to right, #f44336, #ff7961);
-  border: none;
-  color: white;
+.clear-btn {
+  background: linear-gradient(to right, #f44336, #ff7961) !important;
+  border: none !important;
+  color: white !important;
+}
+
+/* 메뉴 버튼 추가 스타일 */
+.code-btn, .history-btn, .template-btn {
+  transition: all 0.3s ease;
+}
+
+.code-btn:hover, .history-btn:hover, .template-btn:hover {
+  transform: translateY(-2px);
+  box-shadow: var(--shadow-md);
 }
 
 #component-0 textarea,