<!--
  Author: @codepeek
  License: MIT
  Tags: #buttons #css #interface #opensource #codepeek
-->
<button class="holo-stamp-btn">
  <span>
    ✧
  </span>
  Create magic
</button>

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

.holo-stamp-btn{position:relative;padding:14px 22px;border:1px solid #ffffffaa;border-radius:12px;background:linear-gradient(115deg,#ef8fe755,#7ee9ff77,#bca1ff66);color:#fff;font:800 17px Arial,sans-serif;cursor:pointer;overflow:hidden;box-shadow:0 8px 20px #6b58a74a,inset 0 1px 1px #fff;backdrop-filter:blur(7px);transition:transform .25s,filter .25s}.holo-stamp-btn::before{content:"";position:absolute;inset:-70% -30%;background:linear-gradient(110deg,transparent 42%,#fff 50%,transparent 58%);transform:translateX(-80%) rotate(10deg);transition:transform .55s ease}.holo-stamp-btn span{font-size:23px;margin-right:7px}.holo-stamp-btn:hover{transform:rotate(-2deg) scale(1.05);filter:saturate(1.35)}.holo-stamp-btn:hover::before{transform:translateX(90%) rotate(10deg)}