.footer-logo {
    display: inline-block;
    max-width: calc(var(--section-base) * 8.6);
}

.footer-bot {
    border-top: 2px solid var(--color-sec);
}

.socials {
    align-items: center;
    display: inline-flex;
}

.socials a {
    width: calc(var(--button-height) * 0.52);
    height: calc(var(--button-height) * 0.52);
    border-radius: 6px;
    background-color: var(--color-pri);
    display: flex;
    justify-content: center;
    align-items: center;
}

.socials a:hover {
    background-color: var(--color-sec);
}

.socials a svg {
    width: calc(var(--section-base) * 0.75);
    height: calc(var(--section-base) * 0.75);
}