.button_row
{
    display: inline-flex;
    position: relative;
    height: var(--sz_button);
    min-width: var(--sz_width_min); /* Prevent the button text from dropping to two lines in the mobile view */
}
    .button_row > a, .button_row > input[type="submit"]
    {
        padding: 10px;
        margin-right: var(--sz_button_margin);
        text-decoration: none;
        color: white;
        border-radius: var(--sz_button_margin);
        font-weight: bold;
    }
        .button_row > :nth-child(1)
        {
            background-color: var(--color_primary);
        }
            .button_row > *:after
            {
                content: "→";
                margin-left: 10px;
            }
            .button_row > a:hover
            {
                background-color: black;
                color: white !important;
            }
        .button_row > a:nth-child(2)
        {
            border: 1px solid white;
        }

        .button_row > a.filled          /* Override of the background is white */
        {
            color: black;
            border: var(--border);
        }

.button_row.center
{
    justify-content: center;
    text-align: center;
}