Trying to (1) generate a link to PDF. Also trying to (2) generate a link to Shopping Cart. Have tried a few possibilities unsuccessfully-something I am missing with the CSS?

(1) Here is what the script looks like. Can anyone please help with how to properly link PDF?

<a href="#" class="link-style1">Text here</a>

.link-style1 {
display: block;
width: 150px;
height: 40px;
margin-top: 33px;
background: #C5586A url(images/menu-wrapper-bg.png) repeat;
border-radius: 5px;
box-shadow: 1px 1px 1px 0px rgba(0,0,0,.3);
line-height: 40px;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 0px rgba(0,0,0,.3);
font-size: 18px;
color: #FFFFFF;
}

(2) Here is the script where I am trying to link the shopping cart. Can someone please help?

<a href="#" class="link-style2">Text here</a>

.link-style2 {
display: inline-block;
width: 80px;
height: 30px;
margin-top: 10px;
background: #323232 url(images/link-style2.png) repeat;
border-radius: 5px;
box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,.3);
line-height: 30px;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 0px rgba(0,0,0,.3);
font-size: 14px;
color: #FFFFFF;
}

Thank you!

Here's for your PDF. I bet you can figure out the other one now.