Files
ukaiautomation/button-emergency-fix.css
2025-06-08 11:21:30 +01:00

77 lines
2.0 KiB
CSS

/* 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;
}