.button-group {
    display: flex;
    justify-content: center;
}

    .button-group .button {
        border-radius: 5px;
        border: #D5D5D5 1px solid;
        color: black;
        cursor: pointer;
        background-color: #EEE;
        margin: 0 3px;
    }

        .button-group .button:hover {
          background: #ffe187;
          color: #fff;
          outline: 2px #fff1d2 dashed;
          outline-offset: -5px;
        }

        .button-group .button:active {
            border: 0;
            /*outline: 0 !important;*/
            outline: 2px orange solid;
            outline-offset: -7px;
        }

        .button-group .button.is-checked {
          border: 0;
          background: #ffc107;
          color: #fff;
          outline: 2px #ffdd92 dashed;
          outline-offset: -5px;
            /*outline: 0 !important;*/
        }