.elementor-kit-147{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Heebo";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Heebo";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Heebo";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Heebo";--e-global-typography-accent-font-weight:400;--e-global-typography-a3ee747-font-family:"Heebo";--e-global-typography-a3ee747-font-size:16px;--e-global-typography-a3ee747-font-weight:400;--e-global-typography-a3ee747-line-height:1em;--e-global-typography-b3d2165-font-family:"Heebo";--e-global-typography-b3d2165-font-size:16px;--e-global-typography-b3d2165-font-weight:400;--e-global-typography-5703d95-font-family:"Heebo";--e-global-typography-5703d95-font-size:20px;--e-global-typography-5703d95-font-weight:400;--e-global-typography-1233ce7-font-family:"Heebo";--e-global-typography-1233ce7-font-size:16px;--e-global-typography-1233ce7-font-weight:400;font-family:"Heebo", Sans-serif;font-size:18px;}.elementor-kit-147 e-page-transition{background-color:#FFBC7D;}.elementor-kit-147 a{color:#347DBE;font-family:"Heebo", Sans-serif;font-size:18px;}.elementor-kit-147 a:hover{color:#000000;}.elementor-kit-147 h1{color:#246E9B;font-family:"Heebo", Sans-serif;font-size:25px;font-weight:bold;text-decoration:none;line-height:1.5em;}.elementor-kit-147 h2{color:#2C3642;font-family:"Heebo", Sans-serif;font-size:25px;font-weight:400;}.elementor-kit-147 h3{color:#2C3642;font-family:"Heebo", Sans-serif;font-size:25px;font-weight:400;}.elementor-kit-147 h4{color:#2C3642;font-family:"Heebo", Sans-serif;font-size:25px;font-weight:400;}.elementor-kit-147 h5{color:#272727;font-family:"Heebo", Sans-serif;font-size:25px;font-weight:400;}.elementor-kit-147 h6{font-family:"Heebo", Sans-serif;}.elementor-kit-147 button,.elementor-kit-147 input[type="button"],.elementor-kit-147 input[type="submit"],.elementor-kit-147 .elementor-button{border-style:none;}.elementor-kit-147 button:hover,.elementor-kit-147 button:focus,.elementor-kit-147 input[type="button"]:hover,.elementor-kit-147 input[type="button"]:focus,.elementor-kit-147 input[type="submit"]:hover,.elementor-kit-147 input[type="submit"]:focus,.elementor-kit-147 .elementor-button:hover,.elementor-kit-147 .elementor-button:focus{border-style:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ****************************
*********כפתור עם אפקט********
**************************** */
.layer1 {
    transform-style: preserve-3d;
    transition: transform 300ms;
    box-shadow: 0px 0px 10px 1px #000000ee;
    border-radius: 5px;
}
  .layer2 {
    background-color: #151515;
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    border-radius: 5px;
    overflow: hidden;
    justify-content: center;
    display: flex;
    align-items: center;
}
  .layer2::before {
    position: absolute;
    content: ' ';
    display: block;
    width: 60px;
    height: 270px;
    background: linear-gradient(90deg, transparent, #ff8866,  #ff8866, transparent);
    animation: rotation_1 5000ms infinite linear;
}
  .layer3 {
    position: absolute;
    background-color: #2C3642;
    border-radius: 5px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.layer3:active{
    width: 200px;
    height:50px;
}
.layer1:active{
  box-shadow: inset 5px 5px 6px #171c22,
  inset -5px -5px 6px #415062;
}
@keyframes rotation_1 {
    0% {
      transform: rotateZ(0deg);
    }
  
    0% {
      transform: rotateZ(360deg);
    }
}
/* ****************************
*********כפתור עם אפקט* end***
**************************** *//* End custom CSS */