Link style not showing on Safari-CodePudding

I have a "button" that is basically a link. It's properly styled the way I wanted and shows up like this in Chrome: Screenshot

But in Safari it shows only the text and nothing else.

The code that I have used:

.button-see-more {
  border: none;
  border-radius: 5px;
  background-color: #e4e4e4;
  font-size: 0.8em;
  padding: 0px 18px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(1, 0, 1, 0.13) 0s;
}

.button-see-more:hover {
  transition: 0.2s;
  background-color: #000000;
  color: #FFFFFF;
}

 <a href="/project-inadequat.html" ><p>See More</p></a>

I'm pretty sure that I am messing something up and would appreciate knowing what.

CodePudding user response：

I have experienced something similar in the past. I think it might be due to Safari's cache issues, so it's still showing the old styles despite the new code.

CodePudding user response：

I've went ahead and used your code provided to make this test/preview site

It seems like it's working with no issue, so as this answer states; it could just be a cache issue. Clear your browser cache and reopen Safari, and view the site again.

(Currently I am using Safari and the styled link shows fine)