Maj Icones

class.css

@@ -173,4 +173,52 @@
   max-width: 100%;
   width: 640px;
   border: none;
+}
+
+.section-contact {
+    text-align: center;
+    margin: 3rem 0;
+}
+
+.btn-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 1.5rem;
+    flex-wrap: wrap;
+}
+
+.btn-contact,
+.btn-whatsapp {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 1rem 1.5rem;
+    font-size: 1rem;
+    text-decoration: none;
+    border-radius: 8px;
+    font-weight: bold;
+    transition: background-color 0.3s ease;
+    color: white;
+}
+
+.btn-contact {
+    background-color: #CC4331;
+}
+
+.btn-contact:hover {
+    background-color: #d1776b;
+}
+
+.btn-whatsapp {
+    background-color: #25d366;
+}
+
+.btn-whatsapp:hover {
+    background-color: #1ebe5d;
+}
+
+.btn-contact svg,
+.btn-whatsapp svg {
+    vertical-align: middle;
 }