<!--
  Author: @codepeek
  License: MIT
  Tags: #buttons #css #interface #opensource #codepeek
-->
<button class="thermal-seal-btn">
  <span class="seal-lines">
    <i>
    </i>
    <i>
    </i>
    <i>
    </i>
  </span>
  <span>
    Seal package
  </span>
</button>

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

.thermal-seal-btn{position:relative;display:flex;align-items:center;gap:13px;padding:13px 18px;border:2px solid #5d3d29;border-radius:7px;background:#e7bd83;color:#553727;font:800 16px Arial,sans-serif;cursor:pointer;box-shadow:4px 4px 0 #5d3d29;overflow:hidden;transition:transform .2s,box-shadow .2s}.seal-lines{display:grid;gap:3px;width:25px}.seal-lines i{display:block;height:3px;border-radius:4px;background:#c35e3d;transform:translateX(-6px);transition:transform .35s}.seal-lines i:nth-child(2){width:18px}.seal-lines i:nth-child(3){width:13px}.thermal-seal-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #5d3d29}.thermal-seal-btn:hover .seal-lines i{transform:translateX(3px)}.thermal-seal-btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #5d3d29}