.dark-button-anim:before {
    content: '';

    width: 100%;
    height: 100%;

    position: absolute;
    left: 0;
    top: 0;

    background-color: var(--dark-anim-brown);
    z-index: -1;

    transform: translateY(100%);

    transition: all ease 0.20s;
}

.dark-button-anim:hover:before {
    transform: translateY(0%);
}

.light-button-anim:before {
    content: '';

    width: 100%;
    height: 100%;

    position: absolute;
    left: 0;
    top: 0;

    background-color: var(--light-anim-brown);
    z-index: -1;

    transform: translateY(100%);

    transition: all ease 0.20s;
}

.light-button-anim:hover:before {
    transform: translateY(0%);
}