button {
    border-radius: 5px;
    /* baseline, can get overriden by more specific css rules */
    border: 0px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
    /* margin: 2px; */
}

button:not(.disabled) {
    transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

button:hover:not(.disabled) {
    filter: brightness(1.05);
    transform: scale(1.05) translateY(-0px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

button:active:not(.disabled) {
    filter: brightness(1.05);
    transform: scale(0.95) translateY(0px);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

button.padded {
    padding: 8px;
}

button.disabled {
    background-color: #ddd;
    filter: opacity(0.5);
}

button.standard {
    background-color: #eee;
}

button.standardBlue {
    background-color: #cde2ff;
}

button.danger {
    background-color: #ff0000aa;
    color: white;
}

button.florrultra {
    background-color: #ff0067;
    color: white;
}

button.magenta {
    background-color: #ff0099;
    color: white;
}

button.white {
    background-color: white;
}

button.success {
    background-color: rgb(20, 243, 135);
    color: white;
}