phantasmal-world/src/core/gui/Button.css

.core_Button {
    display: inline-flex;
    flex-direction: row;
    align-items: stretch;
    box-sizing: border-box;
    padding: 0;
    border: solid 1px hsl(0, 0%, 10%);
    color: hsl(0, 0%, 80%);
    outline: none;
}

.core_Button .core_Button_inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    background-color: hsl(0, 0%, 20%);
    height: 24px;
    padding: 3px 8px;
    border: solid 1px hsl(0, 0%, 35%);
}

.core_Button:hover .core_Button_inner {
    background-color: hsl(0, 0%, 25%);
    border-color: hsl(0, 0%, 40%);
    color: hsl(0, 0%, 90%);
}

.core_Button:active .core_Button_inner {
    background-color: hsl(0, 0%, 20%);
    border-color: hsl(0, 0%, 30%);
    color: hsl(0, 0%, 75%);
}

.core_Button:disabled .core_Button_inner {
    background-color: hsl(0, 0%, 15%);
    border-color: hsl(0, 0%, 25%);
    color: hsl(0, 0%, 55%);
}