.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-634 .elementor-element.elementor-element-68422eb{--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;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:100px;--padding-bottom:100px;--padding-left:200px;--padding-right:200px;}.elementor-634 .elementor-element.elementor-element-68422eb:not(.elementor-motion-effects-element-type-background), .elementor-634 .elementor-element.elementor-element-68422eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-972fbec );}.elementor-634 .elementor-element.elementor-element-e628731{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-634 .elementor-element.elementor-element-172d5fb{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-widget-image .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-image .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-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-634 .elementor-element.elementor-element-8da6bdd{text-align:start;}.elementor-634 .elementor-element.elementor-element-8da6bdd img{width:250px;}.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-634 .elementor-element.elementor-element-52f17c5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Instrument Sans", Sans-serif;font-size:14px;font-weight:400;color:#DFD7CE;}.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-634 .elementor-element.elementor-element-ed28f88{z-index:2;}.elementor-634 .elementor-element.elementor-element-ed28f88 .ue-grad-btn-wrapper{justify-content:start!important;}.elementor-634 .elementor-element.elementor-element-ed28f88 .ue-gradient-border-content{padding:12px 24px 12px 24px;border-radius:4px;}.elementor-634 .elementor-element.elementor-element-ed28f88 .ue-gradient-border .ue-txt{font-family:"Instrument Sans", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:0.8px;}.elementor-634 .elementor-element.elementor-element-79843b4{--display:flex;--justify-content:center;}.elementor-634 .elementor-element.elementor-element-86fc16f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-634 .elementor-element.elementor-element-68422eb{--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:60px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-634 .elementor-element.elementor-element-e628731{--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;}.elementor-634 .elementor-element.elementor-element-8da6bdd img{width:200px;}.elementor-634 .elementor-element.elementor-element-52f17c5{font-size:12px;}.elementor-634 .elementor-element.elementor-element-ed28f88.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-634 .elementor-element.elementor-element-ed28f88 .ue-gradient-border .ue-txt{font-size:12px;}.elementor-634 .elementor-element.elementor-element-86fc16f{font-size:16px;}}@media(max-width:767px){.elementor-634 .elementor-element.elementor-element-68422eb{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-634 .elementor-element.elementor-element-172d5fb{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-634 .elementor-element.elementor-element-52f17c5{text-align:center;}.elementor-634 .elementor-element.elementor-element-ed28f88 .ue-grad-btn-wrapper{justify-content:center!important;}.elementor-634 .elementor-element.elementor-element-86fc16f{font-size:14px;}}@media(min-width:768px){.elementor-634 .elementor-element.elementor-element-e628731{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-634 .elementor-element.elementor-element-e628731{--width:100%;}}/* Start custom CSS for ucaddon_gradient_border_button, class: .elementor-element-ed28f88 *//* 1. Base Container & Gradient Border */
.elementor-634 .elementor-element.elementor-element-ed28f88 .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-634 .elementor-element.elementor-element-ed28f88 .ue-grad-normal::after,
.elementor-634 .elementor-element.elementor-element-ed28f88 .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-634 .elementor-element.elementor-element-ed28f88 .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-634 .elementor-element.elementor-element-ed28f88 .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-634 .elementor-element.elementor-element-ed28f88 .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-634 .elementor-element.elementor-element-ed28f88 .ue-gradient-border:hover .ue-grad-hover {
    opacity: 1;
}

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