CRT amber

CRT amber: a CSS button. Copy the rules, or the prompt that rebuilds it.

CSS

.btn-094 {
  position: relative;
  font: 700 13px/1 ui-monospace,Menlo,monospace;
  letter-spacing: .15em;
  color: #fbbf24;
  background: #1a1200;
  border: 2px solid #fbbf24;
  border-radius: 2px;
  padding: 12px 20px;
  cursor: pointer;
  text-shadow: 0 0 6px rgba(251,191,36,.8);
  box-shadow: inset 0 0 12px rgba(251,191,36,.2);
  overflow: hidden;
  transition: box-shadow .15s
}
.btn-094::after {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.35) 2px 3px);
  pointer-events: none
}
.btn-094:hover {
  box-shadow: inset 0 0 18px rgba(251,191,36,.35),0 0 14px rgba(251,191,36,.4)
}
.btn-094:focus-visible {
  outline: 2px dashed #fbbf24;
  outline-offset: 3px
}
.btn-094:active {
  background: #fbbf24;
  color: #1a1200;
  text-shadow: none
}

HTML

<button class="btn-094">INSERT COIN</button>

Prompt

A CRT-monitor style button: very dark brown #1a1200 fill, 2px amber #fbbf24 border, 2px radius, amber monospace 13px bold "INSERT COIN" with 0.15em spacing and a soft amber text glow, an inner amber glow, and a horizontal scanline overlay (1px 35% black lines every 3px). Hover intensifies the glow inside and out; active inverts to solid amber with dark text. Focus outline 2px dashed amber.

CRT amber

Same shelf