.quicklink-menu{
    position: relative;
    inline-size: 100%;
    padding-inline: 12px;
    padding-block: 20px;
    overflow: hidden;
    border-bottom: 1.5px solid var(--_color-gray-2);
    display: flex;

    &:hover > nav {
        animation-play-state: paused;
    }

    > nav {
        position: relative;
        animation: marquee 20s linear infinite;
        display: flex;
        justify-content: space-around;

        > a{
            margin: 0 20px;
            min-inline-size: 1ch;
            white-space: nowrap;
            display: flex;
            flex-wrap: nowrap;

            &:hover{
                text-decoration: underline;
            }
        }
    }
}

@keyframes marquee {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}