.elementor-33 .elementor-element.elementor-element-8ffdb36{--display:flex;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-b6c8cd3 *//* ==========================================
   DW GLOBAL BUTTON COMPONENT
========================================== */

/* 1. Base Structure - Shared by all buttons */
.dw-btn-global {
    display: inline-flex !important;
    position: relative !important;
    padding: 16px 45px !important;
    text-decoration: none !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    z-index: 1 !important;
    background: transparent !important;
    transition: border-color 0.4s ease, color 0.4s ease !important;
    cursor: pointer !important;
    align-items: center;
    justify-content: center;
}

.dw-btn-swipe {
    position: absolute !important;
    top: 0; left: 0; width: 100%; height: 100%;
    transform: translateX(-101%);
    transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1) !important;
    z-index: -1 !important;
}

.dw-btn-text {
    position: relative !important;
    z-index: 2 !important;
}

/* Hover Trigger */
.dw-btn-global:hover .dw-btn-swipe { transform: translateX(0); }

/* Mouse Leave Transition */
.dw-btn-global:not(:hover) .dw-btn-swipe { 
    transform: translateX(101%); 
    transition: transform 0.5s ease !important; 
}

/* Stagger Logic */
.dw-swipe-1 { transition-delay: 0s !important; }
.dw-swipe-2 { transition-delay: 0.1s !important; }
.dw-swipe-3 { transition-delay: 0.2s !important; }

.dw-btn-global:not(:hover) .dw-swipe-1 { transition-delay: 0.2s !important; }
.dw-btn-global:not(:hover) .dw-swipe-2 { transition-delay: 0.1s !important; }
.dw-btn-global:not(:hover) .dw-swipe-3 { transition-delay: 0s !important; }


/* --- VARIATION: WHITE (Transparent to White) --- */
.dw-btn-white {
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.4) !important;
}
.dw-btn-white .dw-swipe-1 { background: #EAEAEA !important; }
.dw-btn-white .dw-swipe-2 { background: #D1D1D1 !important; }
.dw-btn-white .dw-swipe-3 { background: #FFFFFF !important; }
.dw-btn-white:hover { color: #000000 !important; border-color: #ffffff !important; }


/* --- VARIATION: GREEN (#7e8460) --- */
.dw-btn-green {
    color: #7e8460 !important;
    border: 1px solid rgba(126, 132, 96, 0.4) !important;
}
.dw-btn-green .dw-swipe-1 { background: #F1F2ED !important; } /* V. Light Green */
.dw-btn-green .dw-swipe-2 { background: #C3C7B3 !important; } /* Mid Green */
.dw-btn-green .dw-swipe-3 { background: #7e8460 !important; } /* Brand Green */
.dw-btn-green:hover { color: #ffffff !important; border-color: #7e8460 !important; }


/* --- VARIATION: BLACK (Transparent to Black) --- */
.dw-btn-black {
    color: #000000 !important;
    border: 1px solid rgba(0,0,0,0.4) !important;
}
.dw-btn-black .dw-swipe-1 { background: #EAEAEA !important; }
.dw-btn-black .dw-swipe-2 { background: #333333 !important; }
.dw-btn-black .dw-swipe-3 { background: #000000 !important; }
.dw-btn-black:hover { color: #ffffff !important; border-color: #000000 !important; }/* End custom CSS */