.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1147 .elementor-element.elementor-element-c2363a4{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:30px 30px 30px 30px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-1147 .elementor-element.elementor-element-c2363a4.eael_liquid_glass-effect2{background-color:#00000059;backdrop-filter:blur(20px) brightness(1);}.elementor-widget-ucaddon_gradient_text_effect .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-ucaddon_gradient_text_effect .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-ucaddon_gradient_text_effect .ue_beginning_text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_gradient_text_effect .ue_gradient_text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_gradient_text_effect .ue_ending_text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1147 .elementor-element.elementor-element-8d6a1d9.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-1147 .elementor-element.elementor-element-8d6a1d9 .ue-text{text-align:center;}.elementor-1147 .elementor-element.elementor-element-8d6a1d9 .ue_beginning_text{color:#000000;}.elementor-1147 .elementor-element.elementor-element-8d6a1d9 .ue_gradient_text{font-family:"EB Garamond", Sans-serif;font-size:36px;font-weight:400;text-transform:uppercase;line-height:36px;}.elementor-1147 .elementor-element.elementor-element-8d6a1d9 .ue_ending_text{color:#000000;}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1147 .elementor-element.elementor-element-e22e34d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -16px) 0px;padding:0px 0px 0px 0px;z-index:2;text-align:center;font-family:"Instrument Sans", Sans-serif;font-size:16px;font-weight:400;color:#DFD7CE;}.elementor-1147 .elementor-element.elementor-element-a20270f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-button .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-button .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1147 .elementor-element.elementor-element-bfc6502 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1147 .elementor-element.elementor-element-bfc6502 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-1147 .elementor-element.elementor-element-bfc6502 .elementor-button{font-family:"Instrument Sans", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:0.3px;fill:#E4CEB5;color:#E4CEB5;transition-duration:0.5s;border-style:solid;border-width:2px 2px 2px 2px;border-color:#B49069;border-radius:4px 4px 4px 4px;padding:020px 32px 20px 32px;}.elementor-1147 .elementor-element.elementor-element-bfc6502 .elementor-button:hover, .elementor-1147 .elementor-element.elementor-element-bfc6502 .elementor-button:focus{color:#E4CEB5;border-color:#E19C55;}.elementor-1147 .elementor-element.elementor-element-bfc6502 .elementor-button:hover svg, .elementor-1147 .elementor-element.elementor-element-bfc6502 .elementor-button:focus svg{fill:#E4CEB5;}.elementor-widget-ucaddon_gradient_border_button .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-ucaddon_gradient_border_button .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-ucaddon_gradient_border_button .ue-gradient-border .ue-txt{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1147 .elementor-element.elementor-element-7776faa{z-index:2;}.elementor-1147 .elementor-element.elementor-element-7776faa .ue-grad-btn-wrapper{justify-content:start!important;}.elementor-1147 .elementor-element.elementor-element-7776faa .ue-gradient-border-content{padding:16px 32px 16px 32px;border-radius:4px;}.elementor-1147 .elementor-element.elementor-element-7776faa .ue-gradient-border .ue-txt{font-family:"Instrument Sans", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:0.8px;}.elementor-1147 .elementor-element.elementor-element-e783965{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}#elementor-popup-modal-1147 .dialog-widget-content{background-color:#00000000;border-radius:16px 16px 16px 16px;}#elementor-popup-modal-1147{background-image:url("https://emergeproductions.id/wp-content/uploads/2026/02/Tycoon-Cigar-30s.00_00_19_10.Still002-e1771343667355-768x320.png");justify-content:center;align-items:center;pointer-events:all;background-position:center center;background-repeat:no-repeat;background-size:cover;}#elementor-popup-modal-1147 .dialog-message{width:900px;height:100vh;align-items:center;}@media(max-width:1024px){.elementor-1147 .elementor-element.elementor-element-c2363a4{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1147 .elementor-element.elementor-element-8d6a1d9.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1147 .elementor-element.elementor-element-8d6a1d9 .ue-text{text-align:center;}.elementor-1147 .elementor-element.elementor-element-8d6a1d9 .ue_gradient_text{font-size:32px;}.elementor-1147 .elementor-element.elementor-element-e22e34d{font-size:14px;}.elementor-1147 .elementor-element.elementor-element-a20270f{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1147 .elementor-element.elementor-element-bfc6502 .elementor-button{font-size:14px;padding:16px 32px 16px 32px;}.elementor-1147 .elementor-element.elementor-element-7776faa .ue-gradient-border-content{padding:14px 32px 14px 32px;}.elementor-1147 .elementor-element.elementor-element-7776faa .ue-gradient-border .ue-txt{font-size:14px;}.elementor-1147 .elementor-element.elementor-element-e783965{font-size:14px;}}@media(max-width:767px){.elementor-1147 .elementor-element.elementor-element-8d6a1d9 .ue_gradient_text{font-size:28px;}.elementor-1147 .elementor-element.elementor-element-a20270f{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1147 .elementor-element.elementor-element-7776faa .ue-gradient-border-content{padding:14px 42px 14px 42px;}.elementor-1147 .elementor-element.elementor-element-e783965{font-size:12px;}}/* Start custom CSS for button, class: .elementor-element-bfc6502 *//* 1. Base Button - Transparent State */
.elementor-1147 .elementor-element.elementor-element-bfc6502 .elementor-button {
    background: transparent !important;
    background-image: none !important;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all 0.3s ease-in-out !important;
    border: 2px solid #9E6838;
}

/* 2. Layer A: The Hover Gradient (90deg) */
.elementor-1147 .elementor-element.elementor-element-bfc6502 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    
    /* Exact colors from your request */
    background: linear-gradient(90deg, #9E6838 0%, #E19C55 100%) !important;
    
    opacity: 0;
    z-index: -2; /* Sits behind the image */
    transition: opacity 0.3s ease-in-out !important;
}

/* 3. Layer B: The Hover Image (Exactly like your snippet) */
.elementor-1147 .elementor-element.elementor-element-bfc6502 .elementor-button::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    
    /* Your exact Image URL */
    background-image: url('https://emergeproductions.id/wp-content/uploads/2026/03/gold-yellow-abstract-light-background-gold-bokeh-s-2026-01-06-09-08-34-utc-scaled.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    
    /* EXACT OPACITY FROM SNIPPET */
    opacity: 0; 
    z-index: -1; /* Sits above gradient, below text */
    
    transition: opacity 0.3s ease-in-out !important;
}

/* 4. Interaction Logic - The "In" Transition */
.elementor-1147 .elementor-element.elementor-element-bfc6502 .elementor-button:hover::before {
    opacity: 1; /* Fade in Gradient */
}

.elementor-1147 .elementor-element.elementor-element-bfc6502 .elementor-button:hover::after {
    opacity: 0.2; /* Fade in Image to exactly 0.2 */
}

/* 5. Cleanup & Text Protection */
.elementor-1147 .elementor-element.elementor-element-bfc6502 .elementor-button:hover {
    background: transparent !important;
}

.elementor-1147 .elementor-element.elementor-element-bfc6502 .elementor-button-content-wrapper {
    position: relative;
    z-index: 10;
}

.elementor-1147 .elementor-element.elementor-element-bfc6502 .elementor-button:hover .elementor-button-text,
.elementor-1147 .elementor-element.elementor-element-bfc6502 .elementor-button:hover .elementor-button-icon {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for ucaddon_gradient_border_button, class: .elementor-element-7776faa *//* 1. Base Container & Gradient Border */
.elementor-1147 .elementor-element.elementor-element-7776faa #uc_gradient_border_button_elementor_7776faa .ue-gradient-border-content {
    background: 
        linear-gradient(180deg, #E19C55, #9E6838) padding-box,
        linear-gradient(90deg, #B49069, #C4A480, #B49069, #C4A480, #B49069, #C4A480) border-box;
    border: 2px solid transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    background-size: 450%;
    transition: background-position 0.5s ease;
}

/* 2. Shared Image Settings (The Overlay Layer) */
.elementor-1147 .elementor-element.elementor-element-7776faa #uc_gradient_border_button_elementor_7776faa .ue-grad-normal::after,
.elementor-1147 .elementor-element.elementor-element-7776faa #uc_gradient_border_button_elementor_7776faa .ue-grad-hover::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: url('https://emergeproductions.id/wp-content/uploads/2026/03/gold-yellow-abstract-light-background-gold-bokeh-s-2026-01-06-09-08-34-utc-scaled.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    opacity: 0.2; 
    z-index: 1;
}

/* 3. Normal State Colors */
.elementor-1147 .elementor-element.elementor-element-7776faa #uc_gradient_border_button_elementor_7776faa .ue-grad-normal {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 1;
    background: linear-gradient(180deg, #E19C55, #9E6838) !important;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

/* 4. Hover State Colors */
.elementor-1147 .elementor-element.elementor-element-7776faa #uc_gradient_border_button_elementor_7776faa .ue-grad-hover {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 2; 
    background: linear-gradient(90deg, #9E6838, #E19C55) !important;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

/* 5. Text Styling - FIXED WITH TRANSITION */
.elementor-1147 .elementor-element.elementor-element-7776faa #uc_gradient_border_button_elementor_7776faa .ue-txt {
    z-index: 10;
    position: relative;
    color: #E4CEB5;
    pointer-events: none;
    /* This ensures the color fades in AND out over 0.3s */
    transition: color 0.3s ease-in-out; 
}

/* 6. Interaction Logic - ADDED TEXT COLOR CHANGE */
.elementor-1147 .elementor-element.elementor-element-7776faa #uc_gradient_border_button_elementor_7776faa .ue-gradient-border:hover .ue-grad-hover {
    opacity: 1;
}

/* Change text to white (or any color) on hover smoothly */
.elementor-1147 .elementor-element.elementor-element-7776faa #uc_gradient_border_button_elementor_7776faa .ue-gradient-border:hover .ue-txt {
    color: #ffffff; 
}/* End custom CSS */