.two-to-four {
    background-color: var(--yellow);
}

.two-to-four .button:hover {
    color: var(--yellow);
}

.five-to-seven {
    background-color: var(--green);
}

.five-to-seven .button:hover {
    color: var(--green);
}

.eight-to-twelve {
    background-color: var(--blue);
}

.eight-to-twelve .button:hover {
    color: var(--blue);
}