/* button-v2a_3B-120.css  (was button-v2_3B-120.css) */
/* CHANGE: background-image (+ its paired background-size/repeat/position)   */
/* STRIPPED from .button_back/.button_forw/.button_home.                     */
/* Reason: the nav_button_v1a.html partial sets each button's image via an   */
/* inline style="background-image:..." from navButtons, so the image must    */
/* NOT be hard-coded here (button-v2_3B-120.css hard-coded Brazil/Rome gifs).*/
/* This file controls size, flex layout, spacing, AND image sizing.         */
/* FIX: background-size/repeat/position RESTORED (generic, no image) so the  */
/* inline background-image is scaled to fit 120x120 instead of clipping.     */
/* background-size: contain = whole coin shows, no crop.                     */

a.button_back {
    display: inline-block;
    border:0;
    padding:0;
    margin:auto;
    height:120px;
    width:120px;
    margin: .25rem;
    padding:.25rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
a.button_forw {
    display: inline-block;
    border:0;
    padding:0;
    margin:auto;
    height:120px;
    width:120px;
    margin: .25rem;
    padding:.25rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

a.button_home {
        display: inline-block;
        border:0;
        padding:0;
        margin:auto;
        height:120px;
        width:120px;
        margin: .25rem;
        padding:.25rem;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-color: transparent;   /* kept: harmless, only .button_home had it */
        }

/* flexbox for coin buttons center */
.flex {
    display: flex;
}

.flex-center {
    display: flex;
    flex-direction: column;
    align-items: center;
}