Interactive Toggle State Button

<!--
  Author: @codepeek
  License: MIT
  Tags: #buttons #css #interface #opensource #codepeek
-->
<button class="state-btn-537"><span class="icon">✓</span><span>Saved</span></button>

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

.state-btn-537 { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; background: #10b981; color: #ffffff; border: none; border-radius: 12px; font-family: system-ui, sans-serif; font-size: 12px; font-weight: 700; cursor: pointer; box-shadow: 0 8px 18px rgba(16, 185, 129, 0.25); transition: all 0.25s ease; margin: auto; }
.state-btn-537:hover { background: #059669; transform: translateY(-2px); box-shadow: 0 12px 22px rgba(16, 185, 129, 0.35); }
.state-btn-537:active { transform: scale(0.95); }
.state-btn-537 .icon { font-size: 13px; font-weight: 900; }