/* ---------------- FOOTER ---------------- */

.footer {

    margin-top: 140px;

    padding: 80px 10vw 40px;

    border-top: 1px solid rgba(255, 255, 255, .06);

}

/* CONTAINER */

.footer-inner {

    max-width: 1100px;
    margin: auto;

    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;

}

/* BRAND */

.footer-logo {

    font-family: 'Space Grotesk';

    font-size: 26px;

    letter-spacing: 3px;

    margin-bottom: 10px;

    background: linear-gradient(90deg, #7c8cff, #4de3ff);

    -webkit-background-clip: text;

    color: transparent;

}

/* DESCRIPTION */

.footer-brand p {

    max-width: 420px;

    opacity: .6;

    line-height: 1.6;

}

/* SOCIAL LINKS */

.footer-links {

    display: flex;
    gap: 20px;

}

.footer-links a {

    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background: rgba(255, 255, 255, .05);

    border: 1px solid rgba(255, 255, 255, .08);

    color: white;

    text-decoration: none;

    transition: .3s;

}

/* ICON */

.footer-links i {
    font-size: 16px;
}

/* HOVER */

.footer-links a:hover {

    transform: translateY(-3px);

    border-color: #7c8cff;

    box-shadow: 0 10px 25px rgba(124, 140, 255, .25);

}

/* BOTTOM */

.footer-bottom {

    text-align: center;

    margin-top: 50px;

    padding-top: 20px;

    border-top: 1px solid rgba(255, 255, 255, .05);

    font-size: 14px;

    opacity: .5;

}