<!--
  Author: @codepeek
  License: MIT
  Tags: #buttons #css #interface #opensource #codepeek
-->
<button class="stamp-pass-btn">
  <span class="stamp-mark">
    ✦
  </span>
  <span>
    Reserve a seat
  </span>
  <i>
    →
  </i>
</button>

/*
 * Author: @codepeek
 * License: MIT
 * Tags: #buttons #css #interface #opensource #codepeek
 */

.stamp-pass-btn{position:relative;display:flex;align-items:center;gap:18px;min-width:230px;padding:0 18px 0 0;border:0;border-radius:13px;background:#fff5e4;color:#202022;font:800 17px Arial,sans-serif;cursor:pointer;box-shadow:8px 8px 0 #151515;overflow:hidden;transition:transform .18s,box-shadow .18s}.stamp-pass-btn::before{content:"";position:absolute;z-index:1;top:-9px;bottom:-9px;left:66px;border-left:2px dashed #d9c6a7}.stamp-pass-btn span:not(.stamp-mark),.stamp-pass-btn i{position:relative;z-index:2}.stamp-mark{display:grid;place-items:center;width:66px;height:58px;background:#f07a64;color:#fff;font-size:28px;clip-path:polygon(0 0,100% 0,100% 42%,90% 50%,100% 58%,100% 100%,0 100%)}.stamp-pass-btn i{margin-left:auto;font-style:normal;font-size:24px}.stamp-pass-btn:hover{transform:translate(4px,4px);box-shadow:4px 4px 0 #151515}.stamp-pass-btn:active{transform:translate(8px,8px);box-shadow:none}