/* Fix for missing icons in Contact Us and Our Services buttons */

/* Hide the numbered placeholders that are showing instead of icons */
button[data-slot="button"] > span:not(:first-child):not(:last-child) {
    display: none !important;
}

/* Add arrow icons using CSS pseudo-elements */
button[data-slot="button"]:has-text("Contact Us")::after,
button:contains("Contact Us")::after,
button[aria-label*="Contact"]::after {
    content: "→";
    margin-left: 8px;
    font-size: 16px;
    font-weight: bold;
}

button[data-slot="button"]:has-text("Our Services")::after,
button:contains("Our Services")::after,
button[aria-label*="Services"]::after {
    content: "→";
    margin-left: 8px;
    font-size: 16px;
    font-weight: bold;
}

/* Alternative approach using Unicode arrow */
.button-with-arrow::after {
    content: "→";
    margin-left: 8px;
    font-size: 16px;
    font-weight: bold;
}

/* Fix for SVG icons that might be hidden */
button svg {
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    margin-left: 8px !important;
    vertical-align: middle !important;
}

/* Ensure button content is properly aligned */
button[data-slot="button"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Hide any numbered elements that might be showing instead of icons */
button span[style*="position: absolute"] {
    display: none !important;
}

/* Show proper arrow for buttons containing "Contact Us" or "Our Services" */
button:nth-of-type(1):contains("Contact")::after,
button:nth-of-type(2):contains("Services")::after {
    content: "→";
    margin-left: 8px;
    font-size: 16px;
    font-weight: bold;
    color: inherit;
}