.skip-link {
    background: #fff;
    border: 2px solid #5b5bd6;
    border-radius: 0 0 8px 8px;
    color: #20243a;
    font-weight: 800;
    left: 1rem;
    padding: .7rem 1rem;
    position: fixed;
    top: 0;
    transform: translateY(-150%);
    transition: transform .15s ease;
    z-index: 10000;
}

.skip-link:focus {
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}