.reel-window { display: block; cursor: pointer; text-decoration: none; transition: border-color .2s ease, box-shadow .2s ease; }
.reel-window:hover, .reel-window:focus-visible { border-color: #f0c9ff; box-shadow: 0 0 20px #b85dff; outline: none; }
.reel-action { position: absolute; z-index: 7; left: 50%; bottom: 10px; transform: translate(-50%, 8px); padding: 7px 12px; background: #09070ddd; border: 1px solid #c17cff; color: #fff; font: 700 12pt "Space Grotesk"; opacity: 0; transition: .2s; white-space: nowrap; }
.reel-window:hover .reel-action, .reel-window:focus-visible .reel-action { opacity: 1; transform: translate(-50%, 0); }