Improve save button styles

app/styles/app.css

@@ -105,23 +105,63 @@ body {
 
 .place-details .actions {
   padding-bottom: 0.3rem;
+  /* display: flex; */
+  /* flex-direction: row; */
+  /* gap: 1rem; */
 }
 
-.btn-primary {
-  background: #007bff;
-  color: white;
-  border: none;
+.btn {
   padding: 0.75rem 1.5rem;
   border-radius: 4px;
   cursor: pointer;
-  width: 100%;
+  /* width: 50%; */
   font-size: 1rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
 }
 
-.btn-primary:hover {
+.btn-outline {
+  background: transparent;
+  color: #333;
+  border: 1px solid #ccc;
+}
+
+.btn-outline:hover {
+   border: 1px solid #898989;
+}
+
+.btn-secondary {
+  color: #333;
+  border: 1px solid rgba(255, 204, 51, 0.2);
+  background: rgba(255, 204, 51, 0.2);
+}
+
+.btn-secondary:hover {
+ border: 1px solid #898989;
+}
+
+.btn-blue {
+  background: #007bff;
+  color: white;
+  border: none;
+}
+
+.btn-blue:hover {
   background: #0056b3;
 }
 
+.btn-green {
+  background: #198754;
+  color: white;
+  border: none;
+}
+
+.btn-green:hover {
+  background: #157347;
+}
+
 .places-list {
   list-style: none;
   padding: 0;