.button {
    display: inline-table;
    padding: 15px;
    width: 100%;
    /*border-radius: 4px;*/
    border-radius: 8px;
    margin-bottom: 15px;
    text-align: center;
    border: 1px #ddd solid;
}


.button-sm {
    padding: 5px;
}

.button, .button:hover, .button:link, .button:visited, .button:active {
    background-color: #fff;
    color: #999;
    cursor: pointer;
    text-decoration: none;
}


.button.selected,
.friend.selected,
.price.selected {
    background: linear-gradient(135deg, #42d392, #4ca9ff);
    color: white;
    /*font-weight: bold;*/
    border: 1px 42d392 solid;
}

.button.danger {
    background: linear-gradient(135deg, #e74c3c, #f15a24); /* degrade vermelho-alaranjado bonito */
    color: white;
    /*border: 1px solid #ff4e50;*/
    border: 1px solid #e74c3c;
    
     /*background-color: #e74c3c;*/
}