.elementor-254 .elementor-element.elementor-element-40aebc3{--display:flex;}.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-254 .elementor-element.elementor-element-6fc6935 .elementor-button{background-color:#FCCEF2;font-family:"Roboto", Sans-serif;font-weight:500;fill:var( --e-global-color-2345782 );color:var( --e-global-color-2345782 );}.elementor-widget-loop-grid .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-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-254 .elementor-element.elementor-element-51d6211{--grid-columns:3;}.elementor-254 .elementor-element.elementor-element-51d6211 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-254 .elementor-element.elementor-element-51d6211 .e-loop-item > .elementor-section, .elementor-254 .elementor-element.elementor-element-51d6211 .e-loop-item > .elementor-section > .elementor-container, .elementor-254 .elementor-element.elementor-element-51d6211 .e-loop-item > .e-con, .elementor-254 .elementor-element.elementor-element-51d6211 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-254 .elementor-element.elementor-element-51d6211 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-254 .elementor-element.elementor-element-51d6211 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-254 .elementor-element.elementor-element-51d6211 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-254 .elementor-element.elementor-element-51d6211 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-254 .elementor-element.elementor-element-51d6211 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-254 .elementor-element.elementor-element-51d6211{--grid-columns:2;}}@media(max-width:767px){.elementor-254 .elementor-element.elementor-element-6fc6935{width:100%;max-width:100%;}.elementor-254 .elementor-element.elementor-element-51d6211{--grid-columns:1;}body.elementor-page-254{padding:0px 15px 0px 0px;}}/* Start custom CSS for button, class: .elementor-element-6fc6935 *//* =========================================
   UNREAL ESTATE - GLASS FILTER BUTTON
   ========================================= */

/* 1. The Resting Glass State */
.elementor-254 .elementor-element.elementor-element-6fc6935 .elementor-button {
    background: rgba(12, 14, 21, 0.6) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    
    /* Subtle blue border to tie into the UI */
    border: 1px solid rgba(100, 102, 255, 0.4) !important;
    border-radius: 14px !important; 
    
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3), 
                inset 0 0 8px rgba(255, 255, 255, 0.05) !important;
                
    padding: 14px 28px !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    
    /* Typography Styling */
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

/* 2. The Icon (If you added a filter icon next to the text) */
.elementor-254 .elementor-element.elementor-element-6fc6935 .elementor-button-icon {
    color: #FF4FD8 !important; /* Makes the icon pop immediately */
    transition: all 0.3s ease !important;
    margin-right: 8px !important;
}

/* 3. The Hover / Active Interaction */
.elementor-254 .elementor-element.elementor-element-6fc6935 .elementor-button:hover {
    background: rgba(255, 79, 216, 0.1) !important;
    border-color: rgba(255, 79, 216, 0.6) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4), 
                0 0 20px rgba(255, 79, 216, 0.3), 
                inset 0 0 10px rgba(255, 79, 216, 0.2) !important;
    color: #ffffff !important;
    transform: translateY(-2px) scale(1.02) !important;
}

/* Make the icon glow on hover */
.elementor-254 .elementor-element.elementor-element-6fc6935 .elementor-button:hover .elementor-button-icon {
    filter: drop-shadow(0 0 8px rgba(255, 79, 216, 0.8)) !important;
    transform: scale(1.1) !important;
}/* End custom CSS */