.elementor-kit-8{--e-global-color-primary:#000000;--e-global-color-secondary:#FF177B;--e-global-color-text:#000000;--e-global-color-accent:#FF177B;--e-global-color-2c62c94:#F3CCC8;--e-global-color-b78960a:#F3E3E0;--e-global-color-9f980f5:#503658;--e-global-color-d3545c9:#F3E0A3;--e-global-color-f19ce14:#C79F36;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-astglobalcolor4 );}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- Elementor Custom CSS for Notify Button --- */

.notify-button {
    /* Base Styles */
    background-color: var(--color-gold); /* Gold button: #C79F36 */
    color: var(--color-dark);           /* Text color: #1C0F1A */
    border: none;
    padding: 18px 35px; 
    cursor: pointer;
    font-weight: 700; 
    font-size: 16px; 
    text-transform: uppercase; 
    letter-spacing: 1px;

    /* New Elegant Styles */
    border-radius: 4px; 
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); 
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
}

/* Hover Effect for Interactivity */
.notify-button:hover {
    background-color: #DAB95D; /* Slightly lighter gold on hover */
    transform: translateY(-2px); 
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); 
}

/* Active State (when clicked) */
.notify-button:active {
    transform: translateY(0); 
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}/* End custom CSS */