début affichage des utilisateurs

src/app/pages/parameters/parameters-coordinates/parameters-coordinates.component.css

@@ -6,7 +6,7 @@
     border: 1.5px solid rgba(201, 112, 112, 0.25);
     cursor: pointer;
     border-radius: 50px;
-    background: #fce8e8;
+    background: #fff8f8;
     box-shadow:
             0 8px 32px rgba(180, 80, 80, 0.12),
             0 2px 8px rgba(180, 80, 80, 0.08);
@@ -15,20 +15,22 @@
 }
 
 .coordinates-btn:hover {
-    background: #ffebeb;
+    background: #fff3f3;
     box-shadow: 0 6px 28px rgba(180, 80, 80, 0.18);
     transform: translateY(-1px);
 }
 
 .coordinates-btn:active {
-    transform: translateY(0);
+    transform: translateY(1px) scale(0.985);
+    background: #ffe8e8;
+    box-shadow: 0 2px 8px rgba(180, 80, 80, 0.10);
 }
 
 .coordinates-btn .icon-wrapper {
     width: 40px;
     height: 40px;
     border-radius: 50%;
-    background-color: #f4cece;
+    background-color: #f8e2e2;
     display: flex;
     align-items: center;
     justify-content: center;