fix(NcButton): force cursor pointer

Signed-off-by: skjnldsv <skjnldsv@protonmail.com>
Signed-off-by: Grigorii K. Shartsev <me@shgk.me>

Author: ShGKme

src/components/NcButton/NcButton.vue

@@ -802,25 +802,25 @@ export default {
 	align-items: center;
 	justify-content: center;
 
-	// Cursor pointer on element and all children
-	cursor: pointer;
-	& *,
-	span {
-		cursor: pointer;
-	}
 	border-radius: var(--button-radius);
 	transition-property: color, border-color, background-color;
 	transition-duration: 0.1s;
 	transition-timing-function: linear;
 
+	// Cursor pointer on element and all children
+	&,
+	& :deep(*) {
+		cursor: pointer;
+	}
+
 	// No outline feedback for focus. Handled with a toggled class in js (see data)
 	&:focus {
 		outline: none;
 	}
 
 	&:disabled {
 		cursor: default;
-		& * {
+		& :deep(*) {
 			cursor: default;
 		}
 		opacity: $opacity_disabled;
@@ -829,8 +829,10 @@ export default {
 	}
 
 	// Default button type
-	color: var(--color-primary-element-light-text);
-	background-color: var(--color-primary-element-light);
+	& {
+		color: var(--color-primary-element-light-text);
+		background-color: var(--color-primary-element-light);
+	}
 	&:hover:not(:disabled) {
 		background-color: var(--color-primary-element-light-hover);
 	}