.footer {
    display: flex;
    flex-direction: column;
    padding: 2rem 0;
    align-items: center;
    gap: 2rem;
}


.footer__top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}


.footer__logo {
    /* width: 60%; */
    max-width: 250px;
}

.footer__logo-name {
    font-family: 'Now-font';
    font-size: 5rem;
    font-weight: 300;
    color: transparent;
    -webkit-text-stroke-width: .5px;
    -webkit-text-stroke-color: #fff;
    transition: transform .5s;
    cursor: pointer;
}

/* .footer__logo-name:hover {
    transform: scale(1.05);
} */

.footer__nav-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.footer__nav-item {
    list-style: none;
    text-align: center;

    &:last-child {
        margin-top: 1rem;
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
    }


}

.footer__nav-link {
    text-decoration: none;
    color: #fff;
    /* font-family: 'Now-font'; */
    font-weight: 200;
    letter-spacing: 1px;
    padding-bottom: 3px;
    transition: text-decoration .3s;

    &:hover:not(.footer__nav-link--button) {
        text-decoration: underline;
    }

}

.footer__nav-link--button {
    border: 2px solid var(--color-three);
    background-color: transparent;
    box-shadow: none;
    text-align: center;
    font-size: 16px;
    padding: 1rem;
    border-radius: 24px;
    color: #ffffffed;
    /* width: 100%;
    min-width: max-content; */
    width: 100%;
    min-width: 100px;
}

.footer__social-media {
    margin-top: 2rem;
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
}

.footer__social-media-icon {
    background-color: rgba(147, 130, 255, .05);
    padding: 10px;
    border-radius: 100%;
    align-items: center;
    display: flex;
    transition: transform .3s;

    & svg {
        width: 24px;
        color: #fff;
    }

    &:hover {
        transform: scale(1.1);
    }
}


/* Responsive */

@media (width > 768px) {
    .footer__top {
        gap: 2rem;
    }
}

@media (width > 900px) {
    .footer__top {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;

    }

    .footer__nav-list {
        flex-direction: row;
        gap: 1rem;
        align-items: center;
    }

    .footer__nav-item {
        &:last-child {
            margin-top: 0;
            margin-left: 1rem;
            gap: 1rem;
            /* max-width: 180px; */
        }
    }

    .footer__nav-link--button {
        padding: 1rem 2rem;
        border-radius: 51px;
        /* width: max-content;
        min-width: max-content; */

    }

    .footer__social-media {
        margin-top: 0;
    }

    .footer__bottom {
        border-top: 1px solid #f4f5f6;
        width: 100%;
        text-align: center;
        padding-top: 2rem;
    }
}

@media (width > 1200px) {
    .footer__nav-link--button {
        width: max-content;
        min-width: max-content;
    }
}