Arcade Push-Power Button

<!--
  Author: @codepeek
  License: MIT
  Tags: #buttons #css #interface #opensource #codepeek
-->
<button class="arcade-btn-601"><span class="top">PUSH</span></button>

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

.arcade-btn-601 { background: #991b1b; border: none; border-radius: 50%; padding: 0; width: 64px; height: 64px; cursor: pointer; box-shadow: 0 8px 0 #450a0a, 0 12px 10px rgba(0,0,0,0.4); margin: auto; display: block; transition: all 0.1s; }
.arcade-btn-601 .top { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #f87171, #dc2626); color: #fff; font-family: system-ui, sans-serif; font-size: 10px; font-weight: 900; letter-spacing: 1px; text-shadow: 0 1px 2px rgba(0,0,0,0.5); border: 2px solid #ef4444; box-sizing: border-box; }
.arcade-btn-601:active { transform: translateY(6px); box-shadow: 0 2px 0 #450a0a, 0 4px 6px rgba(0,0,0,0.4); }