From 870d274a06eaf7a3f02c0751e16d6b9ea5c6f7d8 Mon Sep 17 00:00:00 2001
From: marco <marcoambrosini@pm.me>
Date: Mon, 28 Mar 2022 17:10:56 +0200
Subject: [PATCH] Fix tertiary buttons hover feedback

Add proper hover feedback to tertiary buttons whose icon
doesn't isn't affected by the color css rule.
e.g. emojis

Signed-off-by: marco <marcoambrosini@pm.me>
---
 src/components/Button/Button.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Button/Button.vue b/src/components/Button/Button.vue
index d32c337dd3..c5a8eb5a6d 100644
--- a/src/components/Button/Button.vue
+++ b/src/components/Button/Button.vue
@@ -560,11 +560,12 @@ export default {
 
 	// Tertiary
 	&--vue-tertiary {
-		color: var(--color-text-lighter);
+		color: var(--color-main-text);
 		background-color: transparent;
+		opacity: .7;
 		&:hover {
-			color: var(--color-main-text);
 			background-color: transparent;
+			opacity: 1;
 		}
 	}