<a class="fancy" href="#">
  <span class="top-key"></span>
  <span class="text">Buy Tickets</span>
  <span class="bottom-key-1"></span>
  <span class="bottom-key-2"></span>
</a>
<style>
/* From Uiverse.io by cssbuttons-io - Tags: button */
.fancy {
 background-color: transparent;
 border: 2px solid #000;
 border-radius: 0;
 box-sizing: border-box;
 color: #fff;
 cursor: pointer;
 display: inline-block;
 float: right;
 font-weight: 700;
 letter-spacing: 0.05em;
 margin: 0;
 outline: none;
 overflow: visible;