footer {
    background: url(../img/bg-footer.png) bottom center no-repeat;
    padding: 90px 0 30px;
}

footer .logo {
    display: table;
    margin: auto;
}

footer .social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 90px 0 48px;
}

footer .social a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 50%;
    border: 1px #fff solid;
    color: transparent;
    background: transparent;
    transition: all .3s;
}

footer .social svg {
    width: 48px;
    height: 48px;
    fill: #fff;
}

footer .social a[aria-label*="Facebook"] svg {
    width: 42px;
    height: 42px;
}

footer .social a[aria-label*="Instagram"] svg {
    width: 40px;
    height: 40px;
}

footer .social a:hover,
footer .social a:focus {
    border-color: rgba(255, 255, 255, 0.9);
    background: rgba(255, 255, 255, 0.08);
}

footer .social a:hover svg,
footer .social a:focus svg {
    fill: #fff;
}

footer .copy {
    border-top: 1px #1E1E21 solid;
    border-bottom: 1px #1E1E21 solid;
    padding: 20px 0;
    margin-top: 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

footer .copy a {
    color: var(--amarelo);
}

footer .copy a:hover,
footer .copy a:focus {
    color: var(--amarelo-hover);
}