Hover colour when colours are similar and need to be changed from the body link colour

To change the hover colour of text when the background is clashing with the body hover colour, say in the heading when both colours are similar.

This was from macerator world and used on text in a list item.

#block_myaccount_infos .myaccount-title a, #header a, #wrapper .breadcrumb li a, .block-contact .block-contact-title, .block-contact .navbar-toggler .material-icons, .linklist .blockcms-title a { color:#ffffff;}

.elementor-3170201 .elementor-element.elementor-element-05ed664 a:not(#e):hover {
    color: #24B9D7;}