Retro Arcade Toggle Radio Switch

<!--
  Author: @codepeek
  License: MIT
  Tags: #buttons #css #interface #opensource #codepeek
-->
<div class="arcade-radio-grp">
  <label class="arc-opt">
    <input type="radio" name="arc_val" checked />
    <span class="arc-btn">1P</span>
  </label>
  <label class="arc-opt">
    <input type="radio" name="arc_val" />
    <span class="arc-btn">2P</span>
  </label>
</div>

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

.arcade-radio-grp { display: flex; gap: 8px; font-family: monospace; }
.arc-opt input { display: none; }
.arc-btn {
  display: block; padding: 8px 16px; background: #ef4444; color: #ffffff; font-weight: 900;
  font-size: 13px; border: 3px solid #7f1d1d; border-radius: 6px; cursor: pointer;
  box-shadow: 0 4px 0 #7f1d1d; transition: all 0.1s ease;
}
.arc-opt input:checked + .arc-btn {
  background: #22c55e; border-color: #14532d; box-shadow: 0 1px 0 #14532d;
  transform: translateY(3px);
}