a {
    color: inherit;
    text-decoration: none;
}

.top-link {
    padding: var(--small-space);
    border: 1.5px solid var(--color-purple);
    background-color: var(--color-white);
    color: var(--color-purple);
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 9999;
}

body.scrolled.top-link {
    opacity: 1;
}

.header__nav-link {
    font-size: var(--big-font);
    font-weight: var(--thin-font);
    color: var(--color-text);
    display: inline-block;
}

.header__nav-link--active {
    text-decoration: underline;
    text-underline-offset: 7px;
    text-decoration-color: var(--color-purple);
    text-decoration-thickness: 1.5px;
}

/* レスポンシブ */
@media (min-width: 1025px) {
    .header__nav-link:hover {
        transform: translateY(-1px);
        text-shadow: var(--text-shadow);
    }

    .header__nav-link--active:hover {
        transform: none;
        text-shadow: none;
    }

    .top-link:hover {
        background-color: #e8e8e8;
    }
}

@media (max-width: 1024px) {
    .header__nav-link:active {
        transform: translateY(1px);
        text-shadow: var(--text-shadow);
    }

    .header__nav-link--active:active {
        transform: none;
        text-shadow: none;
    }

    .top-link:active {
        transform: translateY(1px);
        background-color: #E8E8E8;
    }

    .header__nav-link {
        font-size: 20px
    }
}

@media (max-width: 700px) {
    .top-link {
        position: static;
        margin-top: var(--big-space);
    }
}