<p>This is a <a class="button" href="#">My Button</a> in the middle of some text.</p>

.button {
  height:1.4rem;
  line-height:1.4rem;
  border: 2px solid #ba9a67;
  color: #ba9a67;
  border-radius: 4px;
  background: transparent;
  padding:0 3px;
  font-size: 1rem;
  margin:0 6px;
  outline: 0;
  cursor: pointer;
  font-weight: normal;
  letter-spacing: 0.02rem;
  text-decoration: none;
  display:inline-block;
  vertical-align:baseline;
}
.button:hover,
.button:focus{
  background:#ba9a67;
  color:#fff;
}