CSS Shimmer Pulse Glow Button

<!--
  Author: @codepeek
  License: MIT
  Tags: #buttons #css #interface #opensource #codepeek
-->
<button class="btn-shimmer-522"><span>EXPLORE MORE</span></button>

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

.btn-shimmer-522 { position: relative; padding: 14px 28px; background: linear-gradient(135deg, #2563eb, #1d4ed8); border: none; border-radius: 12px; color: #ffffff; font-family: system-ui, sans-serif; font-weight: 800; font-size: 11px; letter-spacing: 1.5px; cursor: pointer; overflow: hidden; box-shadow: 0 10px 20px rgba(37, 99, 235, 0.3); transition: transform 0.2s, box-shadow 0.2s; margin: auto; display: block; }
.btn-shimmer-522::before { content: ""; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); transform: skewX(-25deg); transition: left 0.75s ease; }
.btn-shimmer-522:hover::before { left: 200%; }
.btn-shimmer-522:hover { transform: translateY(-2px); box-shadow: 0 15px 25px rgba(37, 99, 235, 0.45); }
.btn-shimmer-522:active { transform: translateY(1px); }