Page messages PT2

src/app/pages/messages/messages-menu/messages-menu.component.css

@@ -0,0 +1,29 @@
+.hamburger-btn {
+    width: 60px;
+    height: 60px;
+    border: none;
+    cursor: pointer;
+    border-radius: 22px;
+
+    /* Dégradé radial depuis le coin supérieur gauche pour l'effet "glow" */
+    background: radial-gradient(ellipse at 30% 30%, #fff 0%, #f9ece9 60%, #f3d4cc 100%);
+
+    /* Légère ombre rosée */
+    box-shadow: 0 4px 24px rgba(200, 120, 100, 0.13);
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    /* Transitions pour l'hover */
+    transition: transform 0.15s ease, box-shadow 0.15s ease;
+}
+
+.hamburger-btn:hover {
+    transform: scale(1.04);
+    box-shadow: 0 6px 28px rgba(200, 120, 100, 0.2);
+}
+
+.hamburger-btn:active {
+    transform: scale(0.97);
+}