<!--
  Author: @codepeek
  License: MIT
  Tags: #buttons #css #interface #opensource #codepeek
-->
<button class="orbit-confirm-btn" aria-label="Confirm">
  <span>
    ✓
  </span>
  <i>
  </i>
</button>

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

.orbit-confirm-btn{position:relative;display:grid;place-items:center;width:78px;height:78px;border:0;border-radius:50%;background:#25354d;color:#eafff7;cursor:pointer;box-shadow:inset 4px 4px 8px #4f6685,inset -4px -4px 8px #142034,0 9px 15px #1a283d42;transition:transform .25s}.orbit-confirm-btn span{display:grid;place-items:center;width:39px;height:39px;border:2px solid #6ce2bf;border-radius:50%;font:800 20px Arial;box-shadow:0 0 10px #6ce2bf55}.orbit-confirm-btn i{position:absolute;inset:-8px;border:1px dashed #79b5cb;border-radius:50%;animation:orbit-confirm 3.2s linear infinite}.orbit-confirm-btn i::after{content:"";position:absolute;top:3px;left:13px;width:8px;height:8px;border-radius:50%;background:#ffcc70;box-shadow:0 0 7px #ffcc70}.orbit-confirm-btn:hover{transform:scale(1.08)}.orbit-confirm-btn:hover i{animation-duration:.75s}@keyframes orbit-confirm{to{transform:rotate(360deg)}}