Title needs to be set on p !!!
/*Simple icon box*/
selector:hover span a,
selector:hover p a, selector:hover a i{
color: #FFBB32 !important;
}
selector span a,
selector p a,selector a i{
transition: 0.1s ease;
}
/*STACKED ICON BOX*/
selector:hover p,
selector:hover p a {
color: #2ED1C6 !important;
}
selector:hover .elementor-icon-box-icon a{
background-color: var(--e-global-color-secondary) !important;
}
selector p a,
selector p,
selector .elementor-icon-box-icon a{
transition: 0.1s ease;
}
/*add only if the icon is the same color as the background on hover
selector:hover a i{
color:black;
}
*/
/*for custom icons*/
selector a {
color:#000;
transition: 0.4s ease!important;
}
selector span,
selector p,selector svg{
transition: 0.4s ease;
}
selector svg{
fill:var(--e-global-color-primary) !important;
transition:0.3s ease!important;
}
selector:hover svg{
fill: var(--e-global-color-accent) !important;
}
selector:hover span,
selector:hover a{
color: var(--e-global-color-accent) !important;
transition: 0.4s ease;
}