Neon Pulse Power Toggle

<!--
  Author: @codepeek
  License: MIT
  Tags: #buttons #css #interface #opensource #codepeek
-->
<label class="pwr-sw">
  <input type="checkbox" />
  <span class="pwr-btn">⏻</span>
</label>

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

.pwr-sw { display: inline-block; cursor: pointer; }
.pwr-sw input { display: none; }
.pwr-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: #18181b;
  color: #52525b;
  border: 2px solid #27272a;
  border-radius: 50%;
  font-size: 20px;
  transition: all 0.3s ease;
}
.pwr-sw input:checked + .pwr-btn {
  color: #22c55e;
  border-color: #22c55e;
  box-shadow: 0 0 15px rgba(34, 197, 94, 0.5);
}