.footer {
    background-color: var(--footer-bg-color);
    padding: var(--footer-padding);
    position: relative;
}

.footer-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--footer-separator-margin-bottom);
}

.footer__nav-button {
    display: none;
    background-color: transparent;
    border: none;
    margin-left: var(--footer-nav-button-margin-left);
}

.footer__nav-buttons {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
    gap: var(--footer-nav-buttons-gap);
}

.footer__nav-item a {
    color: var(--nav-btn-text-color);
    font-size: var(--nav-btn-font-size);
    font-weight: var(--nav-btn-font-weight);
    text-decoration: none;
    line-height: var(--nav-btn-line-height);
    padding: var(--nav-btn-padding);
}

.footer__nav-item:not(:last-child) {
    display: inline-block;
    margin-right: var(--footer-nav-item-margin-right);
}

.footer__separator {
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid white;
    margin-bottom: var(--footer-separator-margin-bottom);
}

.footer p {
    font-size: var(--footer-text-font-size);
    font-weight: var(--footer-text-font-weight);
    margin: 0;
    color: var(--footer-text-color);
    text-align: start;
}

.footer__anchor-to-start {
    display: flex;
    width: var(--footer-anchor-width);
    height: var(--footer-anchor-height);
    background-color: var(--footer-anchor-bg-color);
    justify-content: center;
    align-items: center;
    border-radius: var(--footer-anchor-border-radius);
    position: absolute;
    top: var(--footer-anchor-top);
    right: var(--footer-anchor-right);
}