/**********
 * button *
 **********/
button {
    padding: 4px 4px;
    margin: 2px;
    border-width: 2px;
    border-style: solid;
    border-color: @button_normal_color;
    border-radius: 5px;
    background-color: @button_normal_color;
    color: @text_color;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 2.5px 4.5px @shadow;
}

button:focus {
    color: @fg_color;
    box-shadow: 0 2.5px 4.5px @shadow ,
        inset 0 0 0 2px alpha(@selected_bg_color, 0.5);
}

button:active,
button.toggle:checked {
    color: @fg_color;
    background-color: shade(@selected_bg_color, 0.83);
    border-color: shade(@selected_bg_color, 0.83);
    /*box-shadow: 0 1px 1px @shadow ,
        inset 0 0 0 2px alpha(@fg_color, 0.25);*/
    box-shadow: 0 1px 1px @shadow;
}

button:hover {
    box-shadow: 0 2.5px 4.5px @shadow ,
        inset 0 0 0 2px @selected_bg_color;
    transition: box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
    color: @fg_color;
}

button:active:hover,
button.toggle:checked:hover {
    box-shadow: 0 2.5px 4.5px @shadow ,
        inset 0 0 0 2px alpha(@fg_color, 0.5);
    transition: box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
    color: @fg_color;
}

button:disabled {
    background-color: mix(@color8, @color0, 0.40);
    background-image: none;
    color: mix(@text_color, @color0, 0.40);
}

button:active:disabled {}

GtkLinkButton.button,
GtkLinkButton.button:focus,
GtkLinkButton.button:hover,
GtkLinkButton.button:active,
GtkLinkButton.button:focus:active,
GtkLinkButton.button:focus:hover {}

button.radio:checked {
    color: @fg_color;
    background-color: shade(@selected_bg_color, 0.83);
    border-color: shade(@selected_bg_color, 0.83);
}