.elementor-44 .elementor-element.elementor-element-cc9b00f{--display:flex;--min-height:10vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:2vw 2vw;--row-gap:2vw;--column-gap:2vw;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-text );--border-color:var( --e-global-color-text );--border-radius:0em 0em 1em 1em;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:5vw;--padding-right:5vw;--z-index:1000;}.elementor-44 .elementor-element.elementor-element-cc9b00f:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-cc9b00f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0077FF0D;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-44 .elementor-element.elementor-element-f22b9a1{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;text-align:start;}.elementor-44 .elementor-element.elementor-element-f22b9a1.elementor-element{--order:1;}.elementor-44 .elementor-element.elementor-element-f22b9a1 img{width:100%;max-width:100%;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );--n-menu-divider-color:var( --e-global-color-text );}.elementor-44 .elementor-element.elementor-element-fa572e4{--display:flex;}.elementor-44 .elementor-element.elementor-element-0b56b42{--display:flex;}.elementor-44 .elementor-element.elementor-element-fd33e21{--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;box-shadow:0px 16px 29px -15px rgba(0, 0, 0, 0.22);--padding-top:4vw;--padding-bottom:4vw;--padding-left:5vw;--padding-right:5vw;}.elementor-44 .elementor-element.elementor-element-e3a0d4d{--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:1vw 1vw;--row-gap:1vw;--column-gap:1vw;--flex-wrap:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2vw;--padding-bottom:2vw;--padding-left:2vw;--padding-right:2vw;}.elementor-44 .elementor-element.elementor-element-e3a0d4d:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-e3a0d4d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0077FF0A;}.elementor-44 .elementor-element.elementor-element-e3a0d4d:hover{background-color:#FDFDFD;box-shadow:0px 0px 100px 0px rgba(0, 119.00000000000003, 255, 0.15);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-44 .elementor-element.elementor-element-b395ffa .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-44 .elementor-element.elementor-element-a78c45f .elementor-heading-title{font-family:"polin", Sans-serif;font-size:1vw;font-weight:400;line-height:1.4em;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button{background-color:#0077FF12;font-family:var( --e-global-typography-43081d1-font-family ), Sans-serif;font-size:var( --e-global-typography-43081d1-font-size );font-weight:var( --e-global-typography-43081d1-font-weight );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:10em 10em 10em 10em;padding:8px 13px 8px 13px;}.elementor-44 .elementor-element.elementor-element-3542fb9{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button{background-color:#0077FF12;font-family:var( --e-global-typography-43081d1-font-family ), Sans-serif;font-size:var( --e-global-typography-43081d1-font-size );font-weight:var( --e-global-typography-43081d1-font-weight );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:10em 10em 10em 10em;padding:8px 13px 8px 13px;}.elementor-44 .elementor-element.elementor-element-477d246{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button{background-color:#0077FF12;font-family:var( --e-global-typography-43081d1-font-family ), Sans-serif;font-size:var( --e-global-typography-43081d1-font-size );font-weight:var( --e-global-typography-43081d1-font-weight );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:10em 10em 10em 10em;padding:8px 13px 8px 13px;}.elementor-44 .elementor-element.elementor-element-c71de89{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button{background-color:#0077FF12;font-family:var( --e-global-typography-43081d1-font-family ), Sans-serif;font-size:var( --e-global-typography-43081d1-font-size );font-weight:var( --e-global-typography-43081d1-font-weight );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:10em 10em 10em 10em;padding:8px 13px 8px 13px;}.elementor-44 .elementor-element.elementor-element-2149cd1{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-3979382{--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:1vw 1vw;--row-gap:1vw;--column-gap:1vw;--flex-wrap:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2vw;--padding-bottom:2vw;--padding-left:2vw;--padding-right:2vw;}.elementor-44 .elementor-element.elementor-element-3979382:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-3979382 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0077FF0A;}.elementor-44 .elementor-element.elementor-element-3979382:hover{background-color:#FDFDFD;box-shadow:0px 0px 100px 0px rgba(0, 119.00000000000003, 255, 0.15);}.elementor-44 .elementor-element.elementor-element-34d4cf3 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-44 .elementor-element.elementor-element-1c76e42 .elementor-heading-title{font-family:"polin", Sans-serif;font-size:1vw;font-weight:400;line-height:1.4em;}.elementor-44 .elementor-element.elementor-element-246cd6a{--spacer-size:600px;}.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button{background-color:#0077FF12;font-family:var( --e-global-typography-43081d1-font-family ), Sans-serif;font-size:var( --e-global-typography-43081d1-font-size );font-weight:var( --e-global-typography-43081d1-font-weight );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:10em 10em 10em 10em;padding:8px 13px 8px 13px;}.elementor-44 .elementor-element.elementor-element-9ad8eb6{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button{background-color:#0077FF12;font-family:var( --e-global-typography-43081d1-font-family ), Sans-serif;font-size:var( --e-global-typography-43081d1-font-size );font-weight:var( --e-global-typography-43081d1-font-weight );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:10em 10em 10em 10em;padding:8px 13px 8px 13px;}.elementor-44 .elementor-element.elementor-element-1674dd2{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button{background-color:#0077FF12;font-family:var( --e-global-typography-43081d1-font-family ), Sans-serif;font-size:var( --e-global-typography-43081d1-font-size );font-weight:var( --e-global-typography-43081d1-font-weight );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:10em 10em 10em 10em;padding:8px 13px 8px 13px;}.elementor-44 .elementor-element.elementor-element-17cdab3{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button{background-color:#0077FF12;font-family:var( --e-global-typography-43081d1-font-family ), Sans-serif;font-size:var( --e-global-typography-43081d1-font-size );font-weight:var( --e-global-typography-43081d1-font-weight );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:10em 10em 10em 10em;padding:8px 13px 8px 13px;}.elementor-44 .elementor-element.elementor-element-09b97a1{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-65d8694{--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:1vw 1vw;--row-gap:1vw;--column-gap:1vw;--flex-wrap:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2vw;--padding-bottom:2vw;--padding-left:2vw;--padding-right:2vw;}.elementor-44 .elementor-element.elementor-element-65d8694:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-65d8694 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0077FF0A;}.elementor-44 .elementor-element.elementor-element-65d8694:hover{background-color:#FDFDFD;box-shadow:0px 0px 100px 0px rgba(0, 119.00000000000003, 255, 0.15);}.elementor-44 .elementor-element.elementor-element-7f135a9 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-44 .elementor-element.elementor-element-e83ea1e .elementor-heading-title{font-family:"polin", Sans-serif;font-size:1vw;font-weight:400;line-height:1.4em;}.elementor-44 .elementor-element.elementor-element-d93e0a9{--spacer-size:600px;}.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button{background-color:#0077FF12;font-family:var( --e-global-typography-43081d1-font-family ), Sans-serif;font-size:var( --e-global-typography-43081d1-font-size );font-weight:var( --e-global-typography-43081d1-font-weight );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:10em 10em 10em 10em;padding:8px 13px 8px 13px;}.elementor-44 .elementor-element.elementor-element-00f1e46{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button{background-color:#0077FF12;font-family:var( --e-global-typography-43081d1-font-family ), Sans-serif;font-size:var( --e-global-typography-43081d1-font-size );font-weight:var( --e-global-typography-43081d1-font-weight );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:10em 10em 10em 10em;padding:8px 13px 8px 13px;}.elementor-44 .elementor-element.elementor-element-66c1157{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button{background-color:#0077FF12;font-family:var( --e-global-typography-43081d1-font-family ), Sans-serif;font-size:var( --e-global-typography-43081d1-font-size );font-weight:var( --e-global-typography-43081d1-font-weight );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:10em 10em 10em 10em;padding:8px 13px 8px 13px;}.elementor-44 .elementor-element.elementor-element-df11a77{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button{background-color:#0077FF12;font-family:var( --e-global-typography-43081d1-font-family ), Sans-serif;font-size:var( --e-global-typography-43081d1-font-size );font-weight:var( --e-global-typography-43081d1-font-weight );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:10em 10em 10em 10em;padding:8px 13px 8px 13px;}.elementor-44 .elementor-element.elementor-element-debadcc{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-f3db757{--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:1vw 1vw;--row-gap:1vw;--column-gap:1vw;--flex-wrap:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2vw;--padding-bottom:2vw;--padding-left:2vw;--padding-right:2vw;}.elementor-44 .elementor-element.elementor-element-f3db757:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-f3db757 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0077FF0A;}.elementor-44 .elementor-element.elementor-element-f3db757:hover{background-color:#FDFDFD;box-shadow:0px 0px 100px 0px rgba(0, 119.00000000000003, 255, 0.15);}.elementor-44 .elementor-element.elementor-element-236a343 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-44 .elementor-element.elementor-element-12a1958 .elementor-heading-title{font-family:"polin", Sans-serif;font-size:1vw;font-weight:400;line-height:1.4em;}.elementor-44 .elementor-element.elementor-element-dc441dd{--spacer-size:600px;}.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button{background-color:#0077FF12;font-family:var( --e-global-typography-43081d1-font-family ), Sans-serif;font-size:var( --e-global-typography-43081d1-font-size );font-weight:var( --e-global-typography-43081d1-font-weight );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:10em 10em 10em 10em;padding:8px 13px 8px 13px;}.elementor-44 .elementor-element.elementor-element-c809b20{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button{background-color:#0077FF12;font-family:var( --e-global-typography-43081d1-font-family ), Sans-serif;font-size:var( --e-global-typography-43081d1-font-size );font-weight:var( --e-global-typography-43081d1-font-weight );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:10em 10em 10em 10em;padding:8px 13px 8px 13px;}.elementor-44 .elementor-element.elementor-element-a6372c5{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-59a79a9 .elementor-button{background-color:#0E1C3603;font-family:var( --e-global-typography-43081d1-font-family ), Sans-serif;font-size:var( --e-global-typography-43081d1-font-size );font-weight:var( --e-global-typography-43081d1-font-weight );fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:10em 10em 10em 10em;padding:8px 13px 8px 13px;}.elementor-44 .elementor-element.elementor-element-59a79a9{width:var( --container-widget-width, 45% );max-width:45%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-44 .elementor-element.elementor-element-5fc35f1{--display:flex;}.elementor-44 .elementor-element.elementor-element-0b111b2{--display:flex;}.elementor-44 .elementor-element.elementor-element-e0d3a64{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:1.5rem;--n-menu-open-animation-duration:500ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:2.5rem;--n-menu-title-font-size:var( --e-global-typography-text-font-size );--n-menu-title-transition:500ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-44 .elementor-element.elementor-element-e0d3a64 > .e-n-menu[data-layout='dropdown'] > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ){background:var( --e-global-color-text );}.elementor-44 .elementor-element.elementor-element-e0d3a64.elementor-element{--align-self:center;--order:2;}.elementor-44 .elementor-element.elementor-element-e0d3a64 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-44 .elementor-element.elementor-element-e0d3a64 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-44 .elementor-element.elementor-element-e0d3a64 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );--n-menu-title-line-height:var( --e-global-typography-text-line-height );}.elementor-44 .elementor-element.elementor-element-e0d3a64 {--n-menu-title-color-hover:var( --e-global-color-secondary );--n-menu-title-color-active:var( --e-global-color-secondary );}.elementor-44 .elementor-element.elementor-element-bae2a90 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-43081d1-font-family ), Sans-serif;font-size:var( --e-global-typography-43081d1-font-size );font-weight:var( --e-global-typography-43081d1-font-weight );fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:10em 10em 10em 10em;}.elementor-44 .elementor-element.elementor-element-bae2a90.elementor-element{--align-self:center;--order:3;}.elementor-44 .elementor-element.elementor-element-bae2a90 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-44 .elementor-element.elementor-element-bae2a90 .elementor-button .elementor-button-content-wrapper{gap:0.6em;}.elementor-44 .elementor-element.elementor-element-96fe077 .elementor-button{background-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-43081d1-font-family ), Sans-serif;font-size:var( --e-global-typography-43081d1-font-size );font-weight:var( --e-global-typography-43081d1-font-weight );border-radius:10em 10em 10em 10em;}.elementor-44 .elementor-element.elementor-element-96fe077.elementor-element{--order:4;}.elementor-44 .elementor-element.elementor-element-96fe077 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-44 .elementor-element.elementor-element-96fe077 .elementor-button .elementor-button-content-wrapper{gap:0.6em;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-44 .elementor-element.elementor-element-e3a0d4d{--width:25%;}.elementor-44 .elementor-element.elementor-element-3979382{--width:25%;}.elementor-44 .elementor-element.elementor-element-65d8694{--width:25%;}.elementor-44 .elementor-element.elementor-element-f3db757{--width:25%;}}@media(max-width:1366px){.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-e3a0d4d{--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;--flex-wrap:wrap;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-44 .elementor-element.elementor-element-b395ffa .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-34d4cf3 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-7f135a9 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-236a343 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-59a79a9 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-e0d3a64{--n-menu-title-space-between:0.1rem;--n-menu-title-font-size:var( --e-global-typography-text-font-size );}.elementor-44 .elementor-element.elementor-element-e0d3a64 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-44 .elementor-element.elementor-element-e0d3a64 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-44 .elementor-element.elementor-element-e0d3a64 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:var( --e-global-typography-text-line-height );}.elementor-44 .elementor-element.elementor-element-bae2a90 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-96fe077 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}}@media(max-width:1024px){.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-44 .elementor-element.elementor-element-f22b9a1{--container-widget-width:20%;--container-widget-flex-grow:0;width:var( --container-widget-width, 20% );max-width:20%;}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-44 .elementor-element.elementor-element-b395ffa .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-34d4cf3 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-7f135a9 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-236a343 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-59a79a9 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-e0d3a64{--n-menu-title-font-size:var( --e-global-typography-text-font-size );}.elementor-44 .elementor-element.elementor-element-e0d3a64 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-44 .elementor-element.elementor-element-e0d3a64 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-44 .elementor-element.elementor-element-e0d3a64 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:var( --e-global-typography-text-line-height );}.elementor-44 .elementor-element.elementor-element-bae2a90 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-96fe077 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}}@media(max-width:767px){.elementor-44 .elementor-element.elementor-element-cc9b00f{--width:100%;--min-height:60px;--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:space-between;--gap:0vw 0vw;--row-gap:0vw;--column-gap:0vw;--border-radius:0em 0em 0em 0em;--padding-top:5px;--padding-bottom:5px;--padding-left:30px;--padding-right:30px;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-44 .elementor-element.elementor-element-f22b9a1{--container-widget-width:45%;--container-widget-flex-grow:0;width:var( --container-widget-width, 45% );max-width:45%;}.elementor-44 .elementor-element.elementor-element-f22b9a1.elementor-element{--order:-99999 /* order start hack */;}.elementor-44 .elementor-element.elementor-element-f22b9a1 img{max-width:77%;}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-e3a0d4d{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-44 .elementor-element.elementor-element-b395ffa .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-a78c45f .elementor-heading-title{font-size:16px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-3542fb9.elementor-element{--align-self:center;}.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-477d246.elementor-element{--align-self:center;}.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-c71de89.elementor-element{--align-self:center;}.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-2149cd1.elementor-element{--align-self:center;}.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-3979382{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-44 .elementor-element.elementor-element-34d4cf3 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-1c76e42 .elementor-heading-title{font-size:16px;}.elementor-44 .elementor-element.elementor-element-9ad8eb6.elementor-element{--align-self:center;}.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-1674dd2.elementor-element{--align-self:center;}.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-17cdab3.elementor-element{--align-self:center;}.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-09b97a1.elementor-element{--align-self:center;}.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-65d8694{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-44 .elementor-element.elementor-element-7f135a9 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-e83ea1e .elementor-heading-title{font-size:16px;}.elementor-44 .elementor-element.elementor-element-00f1e46.elementor-element{--align-self:center;}.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-66c1157.elementor-element{--align-self:center;}.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-df11a77.elementor-element{--align-self:center;}.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-debadcc.elementor-element{--align-self:center;}.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-f3db757{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-44 .elementor-element.elementor-element-236a343 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-12a1958 .elementor-heading-title{font-size:16px;}.elementor-44 .elementor-element.elementor-element-c809b20.elementor-element{--align-self:center;}.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-a6372c5.elementor-element{--align-self:center;}.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-59a79a9 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-e0d3a64{--n-menu-heading-justify-content:space-between;--n-menu-title-flex-grow:1;--n-menu-title-justify-content:center;--n-menu-title-justify-content-mobile:center;--n-menu-title-distance-from-content:0.1rem;width:var( --container-widget-width, 104px );max-width:104px;--container-widget-width:104px;--container-widget-flex-grow:0;--n-menu-toggle-align:flex-end;--n-menu-title-space-between:0rem;--n-menu-title-font-size:var( --e-global-typography-text-font-size );--n-menu-title-padding:20px 20px 20px 20px;--n-menu-dropdown-indicator-space:0px;--n-menu-toggle-icon-distance-from-dropdown:14px;}.elementor-44 .elementor-element.elementor-element-e0d3a64 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-44 .elementor-element.elementor-element-e0d3a64 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-44 .elementor-element.elementor-element-e0d3a64 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:var( --e-global-typography-text-line-height );}:where( .elementor-44 .elementor-element.elementor-element-e0d3a64 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-content ) > .e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}:where( [data-core-v316-plus='true'] .elementor-element.elementor-widget-n-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-content ) > .e-con{--padding-block-start:0px;--padding-inline-end:0px;--padding-block-end:0px;--padding-inline-start:0px;}.elementor-44 .elementor-element.elementor-element-bae2a90 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}.elementor-44 .elementor-element.elementor-element-96fe077 .elementor-button{font-size:var( --e-global-typography-43081d1-font-size );}}/* Start custom CSS for button, class: .elementor-element-3542fb9 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-477d246 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c71de89 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2149cd1 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9ad8eb6 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1674dd2 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-17cdab3 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09b97a1 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-00f1e46 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-66c1157 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df11a77 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-debadcc *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c809b20 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a6372c5 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3542fb9 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-477d246 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c71de89 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2149cd1 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9ad8eb6 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1674dd2 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-17cdab3 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09b97a1 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-00f1e46 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-66c1157 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df11a77 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-debadcc *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c809b20 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a6372c5 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3542fb9 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-477d246 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c71de89 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2149cd1 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9ad8eb6 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1674dd2 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-17cdab3 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09b97a1 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-00f1e46 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-66c1157 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df11a77 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-debadcc *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c809b20 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a6372c5 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3542fb9 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-477d246 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c71de89 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2149cd1 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9ad8eb6 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1674dd2 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-17cdab3 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09b97a1 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-00f1e46 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-66c1157 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df11a77 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-debadcc *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c809b20 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a6372c5 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3542fb9 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-477d246 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c71de89 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2149cd1 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9ad8eb6 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1674dd2 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-17cdab3 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09b97a1 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-00f1e46 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-66c1157 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df11a77 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-debadcc *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c809b20 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a6372c5 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3542fb9 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-3542fb9 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-477d246 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-477d246 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c71de89 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-c71de89 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2149cd1 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-2149cd1 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9ad8eb6 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-9ad8eb6 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1674dd2 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-1674dd2 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-17cdab3 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-17cdab3 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09b97a1 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-09b97a1 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-00f1e46 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-00f1e46 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-66c1157 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-66c1157 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df11a77 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-df11a77 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-debadcc *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-debadcc .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c809b20 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-c809b20 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a6372c5 *//* =========================================
   1. הגדרות בסיס - מצב יציאה (רגיל)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    
    /* זמן חזרה למצב רגיל (כשמוציאים את העכבר) - רך ונעים */
    transition: border-color 0.5s ease;
}

/* =========================================
   2. יצירת המילוי הכחול (הסוויפ)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #0077FF; 
    z-index: -1; 
    
    /* מצב התחלתי */
    transform: scaleX(0);
    transform-origin: left; 
    
    /* אנימציית המילוי - נשארת זורמת וחלקה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* =========================================
   3. טיפול באייקון (החלפה)
   ========================================= */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button-icon {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* העלמת האייקון המקורי */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button-icon svg {
    transition: opacity 0.4s ease;
}

/* האייקון החדש */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://mischwartz.com/wp-content/uploads/2025/12/Vector.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* =========================================
   4. טיפול בטקסט
   ========================================= */
.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button-text {
    transition: 
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        color 0.4s ease;
}


/* =========================================
   5. מצב מעבר עכבר (HOVER)
   ========================================= */

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover {
    /* צביעת המסגרת בכחול */
    border-color: #0077FF !important;
    
    /* --- התיקון הקריטי --- */
    /* בכניסה: המסגרת משנה צבע מהר מאוד (0.1 שניות) */
    /* כדי שלא יראו אותה מתחת למילוי שמתחיל להיכנס */
    transition-duration: 0.1s; 
}

/* שאר האנימציות (רקע, טקסט, אייקון) נשארות איטיות כי הן מוגדרות באלמנטים הפנימיים */

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    transform: translateX(3px);
}

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover .elementor-button-icon svg {
    opacity: 0;
}

.elementor-44 .elementor-element.elementor-element-a6372c5 .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae2a90 *//* --- 1. הגדרת הכפתור --- */
.elementor-44 .elementor-element.elementor-element-bae2a90 .elementor-button {
    background-color: #0E1C36 !important; /* צבע התחלה */
    position: relative;
    overflow: hidden;
    z-index: 1;

    /* --- התיקון לשוליים --- */
    vertical-align: middle; /* מתקן את היישור */
    margin-bottom: 0 !important; /* מבטל כל שוליים חיצוניים */
}

/* --- 2. יצירת המילוי (השכבה הכחולה) --- */
.elementor-44 .elementor-element.elementor-element-bae2a90 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0077FF; /* צבע סופי */
    z-index: -1;
    
    /* מצב התחלתי: מכווץ לגמרי */
    transform: scaleX(0); 
    
    /* ביציאה: נעלם שמאלה */
    transform-origin: left; 
    
    /* אנימציה */
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* --- 3. במעבר עכבר - המילוי נכנס --- */
.elementor-44 .elementor-element.elementor-element-bae2a90 .elementor-button:hover::before {
    transform: scaleX(1);
    
    /* בכניסה: נכנס מצד ימין */
    transform-origin: right; 
}

/* --- 4. אנימציית טקסט ואייקון (ללא שינוי) --- */
.elementor-44 .elementor-element.elementor-element-bae2a90 .elementor-button-icon,
.elementor-44 .elementor-element.elementor-element-bae2a90 .elementor-button-text {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.elementor-44 .elementor-element.elementor-element-bae2a90 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-bae2a90 .elementor-button:hover .elementor-button-text {
    transform: translateX(2px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96fe077 *//* --- 1. הגדרת הכפתור --- */
.elementor-44 .elementor-element.elementor-element-96fe077 .elementor-button {
    background-color: #0077FF !important; /* צבע התחלה: כחול בוהק */
    position: relative;
    overflow: hidden;
    z-index: 1;

    /* --- התיקון לשוליים --- */
    vertical-align: middle; 
    margin-bottom: 0 !important; 
}

/* --- 2. יצירת המילוי (השכבה הכהה) --- */
.elementor-44 .elementor-element.elementor-element-96fe077 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0E1C36; /* צבע סופי: כהה */
    z-index: -1;
    
    /* מצב התחלתי: מכווץ לגמרי */
    transform: scaleX(0); 
    
    /* ביציאה: נעלם שמאלה */
    transform-origin: left; 
    
    /* אנימציה */
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* --- 3. במעבר עכבר - המילוי נכנס --- */
.elementor-44 .elementor-element.elementor-element-96fe077 .elementor-button:hover::before {
    transform: scaleX(1);
    
    /* בכניסה: נכנס מצד ימין */
    transform-origin: right; 
}

/* --- 4. אנימציית טקסט ואייקון (ללא שינוי) --- */
.elementor-44 .elementor-element.elementor-element-96fe077 .elementor-button-icon,
.elementor-44 .elementor-element.elementor-element-96fe077 .elementor-button-text {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.elementor-44 .elementor-element.elementor-element-96fe077 .elementor-button:hover .elementor-button-icon {
    transform: translateX(-5px); 
}

.elementor-44 .elementor-element.elementor-element-96fe077 .elementor-button:hover .elementor-button-text {
    transform: translateX(2px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc9b00f */.elementor-44 .elementor-element.elementor-element-cc9b00f {
    /* 1. מנוע הזכוכית: טשטוש + רוויה גבוהה למראה "חי" ורטוב */
    backdrop-filter: blur(12px) saturate(180%) contrast(120%);
    -webkit-backdrop-filter: blur(12px) saturate(180%) contrast(120%);

    /* 2. הברק הנוזלי (הסוד למראה המים): */
    /* אנחנו משתמשים ב-Shadow פנימי (Inset) במקום בצבע רקע */
    box-shadow: 
        inset 0 1px 1px rgba(255, 255, 255, 0.9), /* פס אור עליון חד */
        inset 0 0 15px rgba(255, 255, 255, 0.3),  /* זוהר פנימי עמוק */
        0 8px 32px 0 rgba(31, 38, 135, 0.05);     /* צל חיצוני עדין */
        
    /* 3. גבולות אור (אופציונלי - מחקי אם את מגדירה גבול באלמנטור) */
    /* זה מוסיף ברק בחלק העליון והתחתון */
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}/* End custom CSS */