.a11y-button {
   color: white;
   display:inline-block;
   background-color: rgba(0, 0, 0, 0.85);
   font-family: museo-sans, "Trebuchet MS", sans-serif;
   letter-spacing: 0.12em;
   text-decoration: none;
   max-width: 7vw;
   line-height: 1.5;
   text-align: center;
   padding: 0.4em 0.8em;
   margin: 0.25em;
   margin-left: 0.5em;
   margin-right: 0.5em;
   border-radius: 20px;
   cursor: pointer;
}

.a11y-button:hover {
   color: black;
   background-color: transparent;
   -webkit-box-shadow:inset 0px 0px 0px 3px rgba(0, 0, 0, 0.85);
   -moz-box-shadow:inset 0px 0px 0px 3px rgba(0, 0, 0, 0.85);
   box-shadow:inset 0px 0px 0px 3px rgba(0, 0, 0, 0.85);
}

.a11y-button:focus-visible {
   outline: 3px solid black;
   outline-offset: 2px;
}