When I add the mailto: link in my footer my Email gets unreadable

Hello,

I want to add a link to my support mailadress, but when I add it, people can’t read it anymore because my footer is black and the link is blue. Is there anyway to fix this?

see the picture below

.

URL: www.sahar-fashion.com

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code at the bottom:

.footer-block__details-content a {
    color: #fff;
    text-decoration: none;
}
.footer-block__details-content a:hover {
    color: #fff;
    text-decoration: underline;
}