Icon list stacked icon + hover animation

selector .elementor-icon-list-item .elementor-icon-list-icon {
    padding: 5px;
    border-radius: 6px;
    background-color: var(--e-global-color-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    transition: all 0.3s linear;
}
selector .elementor-icon-list-item:hover .elementor-icon-list-icon {
    transform: rotateY(180deg);
}
selector .elementor-icon-list-item .elementor-icon-list-text {
     transition: all 0.3s linear;
}
selector .elementor-icon-list-item:hover .elementor-icon-list-text {
     transition: all 0.3s linear;
     transform: translateX(5px);
}
selector .elementor-icon-list-item:last-child:hover .elementor-icon-list-icon {
    transform: none;
}
selector .elementor-icon-list-item:last-child:hover .elementor-icon-list-text {
    transform:none;
    color:var(--e-global-color-text);
}

Categories: