body{
	background-color: #FF7f00;
	
	#normBtn {
  display: inline-block;
  text-align: center;
  background-color: blue;
  color: white;
  width: 250px;
  height: 25px;
  line-height: 30px;
  border-radius: 5px;
  border: 2px solid black;
  text-decoration: none;
  font-size: 16px;
}
#btnFocus {
  background-color: yellow;
  color: black;
}


/* Positioning wrapper so we can place the ghost link */
.site-footer .copy-wrap {
  position: relative;
  display: inline-block;
}

/* Ghost link sits over the ©, invisible until interaction */
.site-footer .ghost-link {
  position: absolute;
  left: 0;            /* aligns over the © */
  top: 0;
  width: 1.1em;       /* roughly the © width */
  height: 1.2em;
  opacity: 0;
  text-decoration: none;
  color: var(--text);
  cursor: pointer;
}

/* Give a tiny visual cue on hover/focus (optional) */
.site-footer .ghost-link:hover {
  opacity: 0.15;
  text-decoration: underline;
}

/* Visible but subtle focus ring for keyboard users */
.site-footer .ghost-link:focus-visible {
  opacity: 1;
  box-shadow: 0 0 0 2px var(--border), 0 0 0 5px var(--btn-focus);
  border-radius: 6px;
}