.elementor-2 .elementor-element.elementor-element-6b2f722{--display:flex;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-2 .elementor-element.elementor-element-01ba08c{--iteration-count:infinite;--animation-duration:1200ms;}.elementor-2 .elementor-element.elementor-element-01ba08c .elementor-headline{text-align:center;}.elementor-2 .elementor-element.elementor-element-01ba08c .elementor-headline-dynamic-wrapper path{stroke:#B34AC4;}.elementor-2 .elementor-element.elementor-element-b3a0351{--display:flex;}.elementor-2 .elementor-element.elementor-element-9def704{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-6be77f5{--display:flex;}.elementor-2 .elementor-element.elementor-element-297cd95 .elementor-heading-title{color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-ec086ca{--display:flex;}.elementor-2 .elementor-element.elementor-element-f67c0a5 .elementor-heading-title{color:#FFFFFF;}body.elementor-page-2{margin:0px 0px 0px 0px;}/* Start custom CSS *//* Container styles (usually fine as is) */
body.elementor-page-2 {
    display: flex;
    justify-content: space-around; /* Spreads buttons evenly */
    align-items: center;
    flex-wrap: wrap;
    padding: 20px;
}

/* Outer Button Styles */
body.elementor-page-2 .btn {
    display: inline-block;
    padding: 20px 36px; /* Controls outer button size */
    font-size: 18px; /* Affects text if directly inside, but text is in .inner */
    font-weight: 600; /* Affects text if directly inside */
    text-align: center;
    color: #ffffff; /* Default text color (overridden by .inner) */
    /* === CHANGE 1: Outer background to a purple gradient === */
    background: linear-gradient(135deg, #ab47bc, #7b1fa2); /* Example: Light Purple to Deeper Purple */
    border: none;
    border-radius: 15px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
    position: relative;
    overflow: hidden;
    min-width: 180px;
}

/* Inner Button Styles */
body.elementor-page-2 .btn .inner {
    /* === KEPT: This is already purple as requested === */
    background: #800080; /* Purple inner button */
    padding: 14px 24px; /* Controls inner button size */
    border-radius: 10px;
    color: white; /* Text color */
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    display: inline-block; /* Important for padding to work correctly */
}

/* Outer Button Hover Styles */
body.elementor-page-2 .btn:hover {
    /* === CHANGE 2: Outer background on hover to a darker purple gradient === */
    background: linear-gradient(135deg, #7b1fa2, #4a148c); /* Example: Deeper Purple to Very Dark Purple */
    transform: translateY(-3px);
    /* === CHANGE 3 (Optional): Adjust shadow color to match purple theme === */
    box-shadow: 0 8px 16px rgba(74, 20, 140, 0.5); /* Shadow based on darker purple */
}

/* Inner Button Hover Styles */
body.elementor-page-2 .btn:hover .inner {
     /* === KEPT: This is already a darker purple on hover as requested === */
    background: #660066; /* Darker purple on hover */
}/* End custom CSS */