.elementor-kit-3225{--e-global-color-primary:#1E1F56;--e-global-color-secondary:#1E1F56;--e-global-color-text:#1E1F56;--e-global-color-accent:#F2EC23;--e-global-color-fa90195:#FFFFFF;--e-global-color-4263175:#D8EBF6;--e-global-color-911f32e:#FFFCD1;--e-global-typography-primary-font-family:"Rubik";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Rubik";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Rubik";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Rubik";--e-global-typography-accent-font-weight:500;}.elementor-kit-3225 e-page-transition{background-color:#FFBC7D;}.elementor-kit-3225 button,.elementor-kit-3225 input[type="button"],.elementor-kit-3225 input[type="submit"],.elementor-kit-3225 .elementor-button{font-size:17px;font-weight:bold;color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:30px 30px 30px 30px;padding:9px 20px 9px 20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.my-slide-btn .elementor-button .elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    flex-direction: row-reverse !important;
    position: relative;
    border-radius: 50px;
    overflow: hidden;
    color: #354756;
    background: transparent;
    z-index: 1;
    padding: 0px 8px 0px 0px; 
}

.my-slide-btn .elementor-button .elementor-button-icon svg {
    width: 38px;
    height: 38px;
    fill: #354756;
}

/* העיגול הכחול (האלמנט הנכנס) */
.my-slide-btn .elementor-button .elementor-button-content-wrapper::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: #1e1f56; 
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(150%, -50%); /* מוסתר בהתחלה */
}

/* --- 2. מחשב בלבד (Hover רגיל ונעים) --- */
@media (hover: hover) {
    /* הגדרת המעבר במחשב */
    .my-slide-btn .elementor-button .elementor-button-content-wrapper,
    .my-slide-btn .elementor-button .elementor-button-icon svg,
    .my-slide-btn .elementor-button .elementor-button-content-wrapper::before {
        transition: all 0.4s ease-out;
    }

    /* מצב מעבר עכבר */
    .my-slide-btn .elementor-button:hover .elementor-button-content-wrapper::before {
        transform: translate(-50%, -50%);
    }
    .my-slide-btn .elementor-button:hover .elementor-button-content-wrapper {
        color: #ffffff;
    }
    .my-slide-btn .elementor-button:hover .elementor-button-icon svg {
        fill: #ffffff;
    }
}

/* --- 3. נייד בלבד (התיקון: השהייה ביציאה) --- */
@media (hover: none) {
    
    /* A. הגדרת ה"יציאה" - כשעוזבים את הכפתור */
    /* אנחנו אומרים לדפדפן: חכה 0.5 שניות (delay) לפני שאתה מחזיר את הצבע אחורה */
    .my-slide-btn .elementor-button .elementor-button-content-wrapper,
    .my-slide-btn .elementor-button .elementor-button-icon svg,
    .my-slide-btn .elementor-button .elementor-button-content-wrapper::before {
        transition-property: transform, color, fill;
        transition-duration: 0.5s; /* זמן האנימציה */
        transition-delay: 0.5s;    /* !חשוב! זמן המתנה לפני שהאנימציה מתחילה */
    }

    /* B. הגדרת ה"כניסה" - בזמן לחיצה (Active) */
    /* מבטלים את ה-delay כדי שהצבע יופיע מיד */
    .my-slide-btn .elementor-button:active .elementor-button-content-wrapper::before {
        transform: translate(-50%, -50%);
        transition-delay: 0s; /* מופיע מיד */
        transition-duration: 0s;
    }
    
    .my-slide-btn .elementor-button:active .elementor-button-content-wrapper {
        color: #ffffff;
        transition-delay: 0s; /* מופיע מיד */
        transition-duration: 0s;
    }
    
    .my-slide-btn .elementor-button:active .elementor-button-icon svg {
        fill: #ffffff;
        transition-delay: 0s; /* מופיע מיד */
        transition-duration: 0s;
    }
}


/* ================================================= */
/* כפתור לבן: .my-slide                   */
/* ================================================= */

/* --- 1. הגדרות בסיס --- */
.my-slide .elementor-button .elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    flex-direction: row-reverse !important;
    position: relative;
    border-radius: 50px;
    overflow: hidden;
    color: #354756;
    background: transparent;
    z-index: 1;
    padding: 0px 8px 0px 0px; 
}

.my-slide .elementor-button .elementor-button-icon svg {
    width: 38px;
    height: 38px;
    fill: #354756;
}

/* העיגול הלבן */
.my-slide .elementor-button .elementor-button-content-wrapper::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: #ffffff; 
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(150%, -50%);
}

/* --- 2. מחשב בלבד --- */
@media (hover: hover) {
    .my-slide .elementor-button .elementor-button-content-wrapper,
    .my-slide .elementor-button .elementor-button-icon svg,
    .my-slide .elementor-button .elementor-button-content-wrapper::before {
        transition: all 0.4s ease-out;
    }

    .my-slide .elementor-button:hover .elementor-button-content-wrapper::before {
        transform: translate(-50%, -50%);
    }
    .my-slide .elementor-button:hover .elementor-button-content-wrapper {
        color: #354756;
    }
    .my-slide .elementor-button:hover .elementor-button-icon svg {
        fill: #354756;
    }
}

/* --- 3. נייד בלבד (התיקון: השהייה ביציאה) --- */
@media (hover: none) {
    
    /* יציאה: השהייה של חצי שניה */
    .my-slide .elementor-button .elementor-button-content-wrapper,
    .my-slide .elementor-button .elementor-button-icon svg,
    .my-slide .elementor-button .elementor-button-content-wrapper::before {
        transition-property: transform, color, fill;
        transition-duration: 0.5s;
        transition-delay: 0.5s; /* זה הטריק שמשאיר את הצבע */
    }

    /* כניסה: מיידי */
    .my-slide .elementor-button:active .elementor-button-content-wrapper::before {
        transform: translate(-50%, -50%);
        transition-delay: 0s;
        transition-duration: 0s;
    }
    
    .my-slide .elementor-button:active .elementor-button-content-wrapper {
        color: #354756;
        transition-delay: 0s;
        transition-duration: 0s;
    }
    
    .my-slide .elementor-button:active .elementor-button-icon svg {
        fill: #354756;
        transition-delay: 0s;
        transition-duration: 0s;
    }
}/* End custom CSS */