אנימציית תזוזה של אייקון בכפתור עם קו תחתון מתחת ב- Hover

				
					/* אפקט תזוזה של האייקון בכפתור לצד שמאל ובחזרה לימין */
selector .elementor-button-icon {
    transition: transform 0.3s ease;
}

selector:hover .elementor-button-icon{
    transform: translateX(-5px);
}

/* איפוס של הריווח ויישור נכון של האייקון */
selector .elementor-button {
    position: relative;
    padding-bottom: 0; /* מוודא שאין ריווח נוסף בתחתית */
    overflow: visible; /* מונע חיתוך של האייקון */
    display: inline-flex;
    align-items: center;
    text-decoration: none; /* מסיר קו תחתון ברירת מחדל */
}

/* אפקט של קו תחתון עם רווח */
selector .elementor-button::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: currentColor;
    transform: translateY(6px); /* רווח בין הקו התחתון לטקסט */
    transition: width 0.3s ease, left 0.3s ease;
}

/* במעבר עכבר */
selector .elementor-button:hover::after {
    width: 100%;
    left: 0;
}