כפתורי יצירת קשר מתרחבים במעבר עכבר

selector .elementor-icon-list-item {
    padding: 9px 8px;
    transition: width 0.4s, background-color 0.4s;
    width: 36px;
    background: #4B48F2;
    margin: 8px 0px;
    border-radius: 100px;
    text-align: center;
    text-align: center;
    overflow: hidden;
}


selector .elementor-icon-list-item:hover {
    background-color: #4B48F2; 
    width: auto;
    padding: 9px 8px 9px 20px; 
}



selector .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text {
    transform: translateX(100%);
    opacity: 0;
    transition: transform 0.4s, opacity 0.1s;
    white-space: nowrap;
}

selector .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text {
    transform: translateX(-100%);
    opacity: 0;
   
}

selector .elementor-icon-list-items .elementor-icon-list-item:hover .elementor-icon-list-text {
    transform: translateX(0); 
    opacity: 1;
}


selector .elementor-icon-list-items .elementor-icon-list-item:nth-child(1) {
    background-color: #4B48F2; 
}

selector .elementor-icon-list-items .elementor-icon-list-item:nth-child(2) {
    background-color: #24CC63; 
}

selector .elementor-icon-list-items .elementor-icon-list-item:nth-child(3) {
    background-color: #D83A36; 
}