Can someone please help me figure out how to make this element look like a button? I've tried using webkit but it doesn't seem to be working properly. I'm using HTML5, CSS3, and bootstrap. Your assistance would be greatly appreciated!
https://i.sstatic.net/At0dx.png
<div class="btn-one">
<a href="#h3" class="button">Scroll Down to Learn More</a>
</div>
Further down the page, I've added an anchor that functions correctly but does not appear as intended.
CSS
a.button {
text-decoration: none;
color: #00bfff;
font-size: 18px;
text-transform: uppercase;
letter-spacing: .5px;
display: inline-block;
padding: 10px 30px;
margin: 20px;
font-weight: 400;
border-color: #00bfff;
border-width: 1px;
-webkit-border-radius: 50%;
-webkit-border-color:#00bfff;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.btn-one {
padding: 2%;
font-weight: 400;
}