react-elegant-ui/components/Button/_view/Button_view_action.css

Elegant UI components, made by BEM best practices for react

.Button_view_action {
	color: var(--button-view-action-typo-color-base);
}

.Button_view_action:hover {
	color: var(--button-view-action-typo-color-hovered);
}

.Button_view_action::before {
	background-color: var(--button-view-action-fill-color-base);
	transition: background-color var(--button-transition-hover) linear;
}

.Button_view_action:hover::before {
	background-color: var(--button-view-action-fill-color-hovered);
}

/* Focus */
.Button_focusVisible.Button_view_action:focus::before {
	border-color: var(--button-view-action-outline-color);
}

/* Disabled */
.Button_disabled.Button_view_action::before {
	background-color: var(--button-view-action-fill-color-disabled);
}

.Button_disabled.Button_view_action {
	color: var(--button-view-action-typo-color-disabled);
}