Link Styling Not Working in Safari

Site URL: https://nectarine-seal-9zhz.squarespace.com/leadership-toolkit

I added text decoration to links so that the automatic styling is hidden and then on hover an underline appears. It's working fine in Chrome but I can't get it to work in Safari. I've tried adding -webkit- but that didn't work. How do I make sure my CSS styles show up across all browsers. 

This is the code as I have it currently and this is working in Chrome, but isn't working in Safari 

a:link { text-decoration: none;
 -webkit-text-decoration: none;}
a:hover {  
  -webkit-text-decoration-line: underline; /* Safari */
   text-decoration-line: underline; }

#block-603ec7c4702da91b36dabb45 {.sqs-block-content a, .sqs-block-content a:visited {
background: none !important;
  -webkit-background: none !important;
}
}