button {
    background: rgb(213, 212, 205);
    border: 3px solid #ffffff;
    border-right-color: rgb(132, 136, 140);
    border-bottom-color: rgb(132, 136, 140);
    box-shadow: #111 1px 1px 0 1px;

    font-family: 'Fira Sans Extra Condensed', sans-serif;
    color: #000000;

    padding: 4px;
}

/* button pressed */
button:focus {
    outline: none;
    /*color:#fff;*/
    /*background: rgb(193, 192, 185);*/
    border: 3px solid rgb(132, 136, 140);
    border-right-color: #fff;
    border-bottom-color: #fff;
    box-shadow: #111 -1px -1px 0 1px;
}

button span {
    border: 1px dotted #333333;
    padding-left: 4px;
    padding-right: 4px;
    display: block;
    min-width: 90%;
}

button.centered {
    margin-left: auto;
    margin-right: auto;
}

button:disabled  {
    color: rgb(170, 170, 173);
    border: 3px solid #eee;
    border-right-color: rgb(132, 136, 140);
    border-bottom-color: rgb(132, 136, 140);
    box-shadow: #555 1px 1px 0 1px;
}

button:disabled span{
    border: 1px dotted rgb(170, 170, 173); 
}