.button_holder
{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin: 20px;
    width: 90%;
    min-width: fit-content;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.button_holder > div
{
    width: calc(50% - 30px);
    text-align: center;
    color: var(--font_color);
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    border: solid 2px var(--panel_outline_color);
    background-color: var(--panel_background_color);
    border-radius: 10px;
    padding: 10px;
    transition: all 0.25s;
    height: 65px;
    align-content: center;
    font-size: 180%;
    overflow: hidden;
}

.button_holder > div:hover
{
    background-color: var(--panel_highlight_color);
    filter: drop-shadow(0 0 0.25rem rgba(255, 255, 255, 0.15));
    cursor: pointer;
    font-size: 200%;
}