.skip-link {
    position: absolute;
    top: -40px;
    left: 10px;
    background-color: #007acc; /* Синий фон */
    color: #ffffff; /* Белый текст */
    padding: 5px 10px;
    z-index: 1000;
    opacity: 0; /* Начальное значение прозрачности */
    transition: opacity 0.3s ease; /* Анимация перехода для плавного появления/исчезновения */
}

.skip-link:focus,
.skip-link:hover { /* При фокусе или наведении курсора */
    opacity: 1; /* Изменение прозрачности на 1 (показываем элемент) */
    color: #ffd700; /* Желтый текст при фокусировке */
}

.skip-link:focus { /* При фокусе */
    top: 0; /* Изменение положения */
}