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

Elegant UI components, made by BEM best practices for react

.Button_view_link {
	color: var(--button-view-link-typo-color-base);
	text-decoration: underline;
	text-decoration-thickness: auto;
	text-underline-offset: 15%;
	text-underline-position: from-font;
}

.Button_view_link:hover {
	color: var(--button-view-link-typo-color-hovered);
}

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

/* Disabled */
.Button_disabled.Button_view_link {
	color: var(--button-view-link-typo-color-disabled);
	text-decoration: none;
}