fix styling of development-notice

Signed-off-by: Simon L <[email protected]>

Author: szaimen

apps/settings/css/settings.scss

@@ -126,9 +126,6 @@ select {
 	text-align: center;
 	a:not(.link-button) {
 		text-decoration: underline;
-		&:hover {
-			background-color: var(--color-primary-element-hover);
-		}
 	}
 }
 
@@ -137,17 +134,17 @@ select {
 	margin: 16px;
 	padding: 14px 20px;
 	background-color: var(--color-primary-element);
-	color: #fff;
+	color: var(--color-primary-element-text);
 	border-radius: var(--border-radius-pill);
 	border: 1px solid var(--color-primary-element);
 	box-shadow: 0 2px 9px var(--color-box-shadow);
 
 	&:active,
 	&:hover,
-	&:focus {
-		color: var(--color-primary-element);
-		background-color: var(--color-primary-element-text);
-		border-color: var(--color-primary-element) !important;
+	&:focus,
+	&:focus-visible {
+		box-shadow: 0 0 0 4px var(--color-main-background) !important;
+		outline: 2px solid var(--color-main-text) !important;
 	}
 
 	&.icon-file {