.footer_container {
    height: 15vh;
    width: 100%;

    background-color: var(--about-color-background);
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 101;
}

.footer_color_container {
    height: calc(100% + 50px);
    width: 97%;
    position: absolute;
    top: 0px;

    background-color: var(--about-ball-color);
    border-radius: 50px 50px 0 0;
    transition: var(--transition_duration);
}

.footer_color_container:hover {
    transform: translateY(-25px);
    height: calc(100% + 50px + 25px);
}

.footer_buttons_container {
    display: flex;
    gap: calc(var(--gap) + 25px);
}

    @media (max-width: 850px) {
        .footer_buttons_container span {
            font-size: 1.5rem;
        }
    }

    @media (max-width: 625px) {
        .footer_buttons_container span {
            font-size: 1.2rem;
        }
        .footer_buttons_container {
            gap: 15px;
        }
    }
    
    @media (max-width: 450px) {
        .footer_buttons_container span {
            font-size: 1rem;
        }
    }

.footer_buttons_container button {
    cursor: pointer;
    opacity: 80%;
    transition: var(--transition_duration);
}

.footer_buttons_container button:hover {
    opacity: 100%;
    scale: var(--hover_scale);
}

.footer_copyright {
    position: absolute;
    bottom: var(--gap);
    opacity: 50%;
    cursor: default;
}