.button--skip-link:not(:focus):not(:hover) {
    -webkit-transform: translateY(-4em);
    -ms-transform: translateY(-4em);
    transform: translateY(-4em);
    opacity: 0;
}
button--skip-link:focus, 
.button--skip-link:focus {
    border-color: #54b4eb;
    padding: 5px;
}

button--skip-link:hover, button--skip-link:focus, 
.button--skip-link:hover, .button--skip-link:focus {
    background-color: #54b4eb;
    text-decoration: none;
    color: #fff;
    left: auto;
    top: auto;
    padding: 5px;
}
.button--skip-link {
    margin: 0 auto;
    position: absolute;
    z-index: 20;
    left: 0;
    right: 0;
    padding: 5px;
    top: 1em;
    width: 10em;
    opacity: 1;
}