@use "link__variables" as *;

.link {
	color: var(--color__link);
	// text-decoration: none;
	@media (hover: hover) {
		&:hover {
			transition: color var(--time-1) var(--transition-type-2);
			color: var(--color__link_hover);
		}
	}
	&:active {
		color: var(--color__link_active);
		transition: 0s;
	}

	&:disabled,
	&.disabled,
	&[data-is-disabled="true"] {
		color: var(--color__link_disabled);
		opacity: 60%;
		cursor: not-allowed;
		pointer-events: none;
	}
	// &.inverse {
	//     color: var(--color__ov_inverse);
	// @media (hover: hover) {
	//     &:hover {
	//         transition: all var(--time__medium) var(--animation__standart);
	//         color: var(--color__link-hover);
	//     }
	// }
	// }
}