How to turn a link into a button on Skye

Hi, I'm working on this page: https://blytheinteriors.squarespace.com/services-1 and I'm trying to add a border around the words "LEARN MORE" so that it looks like a button. I tried adding a button block, but it goes underneath the text box and I'd like everything contained in the gray box. Any help would be appreciated! 

I can't find a specific code to do this but I did find this tutorial to remove the line from a hyperlink. I also have code to put borders around galleries, I adapted it for your active text link (I hope) this should put a gold border around the active link text. I would have to figure out a different color if you want it. 

All Text Types: h1 a, h2 a, h3 a, p a{ 
   border:solid 5px rgba(255, 197, 71, .4);
 }
 

@derricksrandomviews, Thanks for taking the time to help me out. I sure do appreciate it! I actually just came across this, https://www.minimist.ca/articles/use-css-to-put-buttons-anywhere which is spot on for what I'm trying to do, however, I'm not exactly sure how to implement the code provided.

I'm still a beginner so any help to walk me through it would be appreciated! 

Thanks! 

3 hours ago, marissa1570048761 said:

@derricksrandomviews, Thanks for taking the time to help me out. I sure do appreciate it! I actually just came across this, https://www.minimist.ca/articles/use-css-to-put-buttons-anywhere which is spot on for what I'm trying to do, however, I'm not exactly sure how to implement the code provided.

I'm still a beginner so any help to walk me through it would be appreciated! 

Thanks! 

 

Add to Home > Design > Custom CSS

div#page-5ea8f898f665732eb762aeee [href*="pdf"] {
    border: 1px solid black;
    padding: 5px 10px;
}

Thanks for coming to the rescue again, @tuanphan  You're amazing. I'm so close. This code worked for the first 2 gray boxes. Those link to a PDF.  How do I get the same effect for those that link to a webpage? Thanks again for your time and help! 

8 hours ago, marissa1570048761 said:

Thanks for coming to the rescue again, @tuanphan  You're amazing. I'm so close. This code worked for the first 2 gray boxes. Those link to a PDF.  How do I get the same effect for those that link to a webpage? Thanks again for your time and help! 

 

div#page-5ea8f898f665732eb762aeee a {
    border: 1px solid black;
    padding: 5px 10px;
}

Grateful! Thank you so much, @tuanphan