footer {
    background: var(--icon);
    padding: 24px 0;
    margin-top: 80px;
}

.border-bottom {
    border-bottom: 2px solid var(--secondary);
}

.top-footer {
    padding-bottom: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer p {
    color: var(--txt-secondary);
    font-size: 12px;
    margin: 0;
}

footer a {
    text-decoration: none;
}

.bottom-footer {
    display: flex;
    justify-content: space-between;
    padding-top: 18px;
}


.info-project {
    max-width: 45%;
}

.link-footer {
    max-width: 45%;
}

@media screen and (max-width: 576px) {
    .bottom-footer {
        flex-direction: column;
        gap: 16px;
    }

    .info-project {
        max-width: 100%;
    }

    .link-footer {
        max-width: 100%;
    }
}