
.cosmos-button {
    padding: 1px 2px;
    font-size: 9pt;
    color: var(--color_text_button);
    background-color: var(--color_back_button);
    /* border: none; */
    border-radius: 5px;
    cursor: pointer;
	border-color: var(--color_border_button);
}
.cosmos-button:hover {
    color: var(--color_text_button_hot);
    background-color: var(--color_back_button_hot);
	border-color: var(--color_border_button_hot);
	transform: scale(1.05);
}
.cosmos-button:disabled {
    color: var(--color_text_button_disabled);
    background-color:  var(--color_back_button_disabled);
}

.cosmos-button:focus {
	color: var(--color_text_button_focused);
	background-color: var(--color_back_button_focused);
	border-color: var(--color_border_button_focused);
}
