.elementor-15810 .elementor-element.elementor-element-10085bc0{--display:flex;}.elementor-15810 .elementor-element.elementor-element-150e45fa .e-contact-buttons__chat-button svg{order:2;}.elementor-15810 .elementor-element.elementor-element-150e45fa .e-contact-buttons{--e-contact-buttons-chat-button-gap:12px;--e-contact-buttons-button-icon:var( --e-global-color-text );--e-contact-buttons-button-bg:#F9DEB2;--e-contact-buttons-button-icon-hover:#181616;--e-contact-buttons-button-bg-hover:#FFF6D7F5;--e-contact-buttons-chat-button-padding-block-end:9px;--e-contact-buttons-chat-button-padding-block-start:8px;--e-contact-buttons-chat-button-padding-inline-end:9px;--e-contact-buttons-chat-button-padding-inline-start:11px;--e-contact-buttons-horizontal-offset:16px;--e-contact-buttons-vertical-offset:10px;}.elementor-15810 .elementor-element.elementor-element-150e45fa .e-contact-buttons__chat-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}@media(max-width:767px){.elementor-15810 .elementor-element.elementor-element-150e45fa .e-contact-buttons__chat-button svg{order:-1;}}/* Start custom CSS for contact-buttons-var-7, class: .elementor-element-150e45fa *//* Change 5s to however long you want the button to stay visible */
.elementor-15810 .elementor-element.elementor-element-150e45fa {
    animation: fadeOut 0.5s ease-in-out 10s forwards;
}

@keyframes fadeOut {
    from {
        opacity: 1;
        visibility: visible;
    }
    to {
        opacity: 0;
        visibility: hidden;
        pointer-events: none; /* Prevents clicking the invisible button */
    }
}


/* Target the button and apply a thin 1px border */
.elementor-15810 .elementor-element.elementor-element-150e45fa .elementor-button {
    border: 2px solid black !important; /* Change hex code for a different color */
    background-color: transparent !important; /* Makes it a "ghost" button */
    transition: all 0.3s ease; /* Smooth transition for hover effects */
}

/* Optional: Subtle hover effect to fill the button */
.elementor-15810 .elementor-element.elementor-element-150e45fa .elementor-button:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Ensure the thin text stays visible */
.elementor-15810 .elementor-element.elementor-element-150e45fa .elementor-button-text {
    color: inherit;
    font-weight: 100;
}/* End custom CSS */