<!--
  Author: @codepeek
  License: MIT
  Tags: #buttons #css #interface #opensource #codepeek
-->
<label class="wax-seal" aria-label="Seal approved">
  <input type="checkbox">
  <span>
    ✓
  </span>
</label>

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

.wax-seal{display:block;width:88px;height:88px;cursor:pointer}.wax-seal input{position:absolute;opacity:0}.wax-seal span{display:grid;place-items:center;width:68px;height:68px;margin:10px;border-radius:47% 53% 50% 50%;background:#d8656b;color:transparent;font:700 30px Georgia;box-shadow:inset 5px 5px 8px #ef9291,inset -5px -5px 8px #a94350,0 9px 12px #a63d4838;transition:.3s}.wax-seal:hover span{transform:rotate(-6deg) translateY(-3px)}.wax-seal input:checked+span{color:#fff4e8;background:#bd5760;box-shadow:inset 4px 4px 7px #923e4a,inset -3px -3px 7px #e8817d,0 5px 8px #a63d4838}