.c-works-list__nav {
    padding: 6rem 5.5rem;
    border-top: 1px solid #45474a;
    border-bottom: 1px solid #45474a;

    @media (max-width: 48.0525em) {
        padding: 4.375rem 5.3333333333vw;
    }
}

.c-works-list__nav-wrap {
    &:not(:last-child) {
        margin-bottom: 3.2rem;
    }
}

.c-works-list__nav-title {
    font-family: Poppins, sans-serif;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: .05em;

    @media (max-width: 48.0525em) {
        font-size: 4.2666666667vw;
    }
}

.c-works-list__nav-list {
    margin-top: 1.375rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;

    @media (max-width: 48.0525em) {
        margin-top: 1.1875rem;
        gap: .75rem;
    }
}

.c-works-list__nav-list-item {}

.c-works-list__nav-link {
    display: block;
    padding: .5rem 1.375rem;
    border-radius: 99999999px;
    border: 1px solid #45474a;
    transition: color .2s, background .2s;

    &:hover,
    &.active {
        background: #45474a;
        color: #d5d3c9;
    }
}