.button {
    margin: 0 10px 5px 0;
    border-radius: 5px;
    border: 0;
    font-size: 120%;
    display: inline-grid;
    grid-template-columns: auto auto;
    padding: 3px 8px;
    box-shadow: 0px 10px 20px 0px rgba(255,255,255,0.2);
    transition: all 0.4s;
    background-color: black;
    color: white;
    border: 1px solid #5e5e5e;
    cursor: pointer;
    font-weight:200;
}

    .button:hover, .button.selected {
        box-shadow: 0px 10px 20px 0px rgba(255,255,255,0.4);
        transform: scale(1.05);
        background-color: #c0c0c0;
        color: #404040;
        background-color: white;
        color: black;
    }


/* mobilni design */
@media screen and (max-width: 444px) {

    .button {
        grid-template-columns: auto 1fr;
    }


}