.elementor-4811 .elementor-element.elementor-element-c18cc19{--display:flex;--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;--align-items:flex-end;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--border-radius:20px 20px 20px 20px;}.elementor-4811 .elementor-element.elementor-element-f52db1e{--display:flex;--min-height:66vh;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:8px 8px;--row-gap:8px;--column-gap:8px;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4811 .elementor-element.elementor-element-0ad8442{--display:flex;--min-height:65vh;--justify-content:flex-start;--border-radius:25px 25px 25px 25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4811 .elementor-element.elementor-element-0ad8442:not(.elementor-motion-effects-element-type-background), .elementor-4811 .elementor-element.elementor-element-0ad8442 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4811 .elementor-element.elementor-element-0ad8442:hover{--border-radius:25px 25px 25px 25px;--border-top-left-radius:25px;--border-top-right-radius:25px;--border-bottom-right-radius:25px;--border-bottom-left-radius:25px;}.elementor-4811 .elementor-element.elementor-element-0ad8442, .elementor-4811 .elementor-element.elementor-element-0ad8442::before{--border-transition:0.3s;}.elementor-4811 .elementor-element.elementor-element-a140d69{--display:flex;--min-height:65vh;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-4811 .elementor-element.elementor-element-4a20471.elementor-element{--align-self:flex-end;}.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-4811 .elementor-element.elementor-element-856b1e2 > .elementor-widget-container{padding:25px 50px 0px 0px;}.elementor-4811 .elementor-element.elementor-element-856b1e2.elementor-element{--align-self:flex-start;}.elementor-4811 .elementor-element.elementor-element-856b1e2{text-align:start;}.elementor-4811 .elementor-element.elementor-element-856b1e2 .elementor-heading-title{font-family:"Talent", Sans-serif;font-size:42px;font-weight:bold;color:var( --e-global-color-bafb0ae );}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:1024px){.elementor-4811 .elementor-element.elementor-element-c18cc19{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4811 .elementor-element.elementor-element-856b1e2 > .elementor-widget-container{padding:25px 20px 0px 20px;}.elementor-4811 .elementor-element.elementor-element-856b1e2.elementor-element{--align-self:center;}.elementor-4811 .elementor-element.elementor-element-856b1e2{text-align:center;}}@media(max-width:767px){.elementor-4811 .elementor-element.elementor-element-c18cc19{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4811 .elementor-element.elementor-element-856b1e2{width:100%;max-width:100%;text-align:center;}.elementor-4811 .elementor-element.elementor-element-856b1e2 > .elementor-widget-container{padding:25px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-4a20471 *//* כפתור בסיסי */
.button {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: white; /* צבע רקע לבן */
  border: none;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  overflow: hidden;
  position: relative;
  font-family: 'Talent', sans-serif; /* פונט Talent */
  font-size: 0px; /* מוסתר במצב רגיל */
  color: black; /* צבע טקסט שחור */
  gap: 0; /* ללא רווח במצב רגיל */
}

/* החץ */
.svgIcon {
  width: 20px;
  transition: all 0.3s ease;
  transform: rotate(-45deg); /* מסובב 45 מעלות שמאלה */
  position: relative;
  opacity: 1; /* החץ גלוי */
}

.svgIcon path {
  fill: black; /* צבע החץ שחור */
}

/* אפקט מעבר */
.button-container:hover .button {
  width: 200px; /* הרחבה כדי להכיל את הטקסט והחץ */
  border-radius: 50px;
  background-color: white; /* נשאר לבן */
  color: black; /* הטקסט נשאר שחור */
  font-size: 20px; /* הצגת הטקסט */
  gap: 10px; /* רווח בין הטקסט לחץ */
}

.button-container:hover .svgIcon {
  transform: rotate(-90deg); /* סיבוב ל-90 מעלות שמאלה */
  transition: all 0.3s ease;
}

/* הטקסט */
.button::before {
  content: "לצפיה בפרויקט";
  color: black; /* צבע טקסט שחור */
  font-size: 0px; /* מוסתר במצב רגיל */
  transition: all 0.3s ease;
  opacity: 0; /* מוסתר */
}

.button-container:hover .button::before {
  font-size: 20px; /* גודל פונט 20px */
  opacity: 1; /* הופעת הטקסט */
}

/* מצב לחיצה */
.button:active {
  background-color: white; /* נשאר לבן גם בלחיצה */
  color: black; /* הטקסט נשאר שחור */
}/* End custom CSS */