Glowing Cyber macOS Style Dock

<!--
  Author: @codepeek
  License: MIT
  Tags: #buttons #css #interface #opensource #codepeek
-->
<div class="cyberdock-container"><a href="#" class="cyberdock-item">🚀</a><a href="#" class="cyberdock-item active">🛰️</a><a href="#" class="cyberdock-item">⚙️</a></div>

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

.cyberdock-container { display: flex; gap: 8px; background: rgba(24, 24, 27, 0.8); backdrop-filter: blur(8px); padding: 6px 12px; border-radius: 20px; border: 1px solid rgba(255,255,255,0.1); width: fit-content; margin: auto; }
.cyberdock-item { width: 30px; height: 30px; border-radius: 10px; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 14px; background: rgba(255,255,255,0.05); transition: transform 0.2s ease, background 0.2s; }
.cyberdock-item:hover { transform: translateY(-6px) scale(1.2); background: rgba(255,255,255,0.15); }
.cyberdock-item.active { border-bottom: 2px solid #38bdf8; }