@layer components{.pixel-button{font-family:var(--font-space), "Courier New", "Courier", monospace;text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--foreground);background:var(--foreground);color:var(--background);box-shadow:4px 4px 0px 0px var(--background);cursor:pointer;padding:.5rem 1rem;font-size:.75rem;font-weight:600;transition:background-color .12s ease-out,color .12s ease-out,box-shadow .12s ease-out,translate .12s ease-out}.pixel-button:hover{background:var(--background);color:var(--foreground);box-shadow:2px 2px 0px 0px var(--foreground);transform:translate(2px,2px)}.pixel-button:active{box-shadow:0px 0px 0px 0px var(--foreground);transform:translate(4px,4px)}}