<a id="demo" href="#">Get a demo</a>
<a id="free" href="#">Get started free</a>
#demo {
line-height: 1.78;
padding: 1rem 2.5rem;
background-color: #ff5c35;
border-color: transparent;
color: #fff;
border: 1px solid;
border-radius: 3px;
cursor: pointer;
display: inline-block;
font-size: 1rem;
font-weight: 500;
font-family: Arial;
text-align: center;
text-decoration: none;
width: 125px;
margin-right: 10px;
}
#free {
line-height: 1.78;
padding: 1rem 2.5rem;
background-color: #fff;
border-color: #ff5c35;
color: #ff5c35;
border: 1px solid;
border-radius: 3px;
cursor: pointer;
display: inline-block;
font-size: 1rem;
font-weight: 500;
font-family: Arial;
text-align: center;
text-decoration: none;
width: 125px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.