Many blog changes

button-emergency-fix.css

@@ -0,0 +1,77 @@
+/* Emergency button fix - ensure visibility */
+
+.btn {
+    display: inline-block !important;
+    padding: 14px 28px !important;
+    border: none !important;
+    border-radius: 8px !important;
+    text-decoration: none !important;
+    font-weight: 500 !important;
+    font-size: 16px !important;
+    text-align: center !important;
+    cursor: pointer !important;
+    transition: all 0.3s ease !important;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
+    line-height: 1.4 !important;
+    min-height: 50px !important;
+    vertical-align: middle !important;
+    white-space: nowrap !important;
+    overflow: visible !important;
+    position: relative !important;
+    z-index: 1 !important;
+}
+
+.btn-primary {
+    background: #179e83 !important;
+    color: white !important;
+    border: 2px solid #179e83 !important;
+}
+
+.btn-primary:visited,
+.btn-primary:link,
+.btn-primary:active {
+    color: white !important;
+    text-decoration: none !important;
+}
+
+.btn-primary:hover {
+    transform: translateY(-2px) !important;
+    background: #11725e !important;
+    box-shadow: 0 4px 16px rgba(23, 158, 131, 0.3) !important;
+    color: white !important;
+    text-decoration: none !important;
+}
+
+/* Force button text to be visible */
+.btn::before {
+    content: attr(data-text) !important;
+    display: inline !important;
+}
+
+/* Ensure no other styles override button text */
+.btn, .btn * {
+    font-family: 'Roboto Slab', 'Lato', sans-serif !important;
+    font-size: 16px !important;
+    font-weight: 500 !important;
+    text-transform: none !important;
+    letter-spacing: normal !important;
+}
+
+/* Fix for expert consultation CTA */
+.expert-consultation-cta .btn {
+    margin-top: 1rem !important;
+    display: inline-block !important;
+    width: auto !important;
+}
+
+/* Debug: Add background to identify empty buttons */
+.btn:empty {
+    background: red !important;
+    min-width: 200px !important;
+}
+
+.btn:empty::after {
+    content: "MISSING TEXT" !important;
+    color: white !important;
+    font-weight: bold !important;
+}