only raise elevation on buttons for hover (#116)

Author: a-type

packages/sys/src/components/button/Button.module.css

@@ -74,6 +74,11 @@
 		padding: 0.5rem;
 	}
 
+	.button:hover:not(:disabled):not([data-disabled='true']) {
+		transform: scale(1.02);
+		transition: transform var(--animation-duration) ease;
+	}
+
 	/* container with fallback for screen size */
 	@media (max-width: 720px) {
 		.button[data-has-label='true'][data-has-icon='true']:has(.responsiveLabel) {

packages/sys/src/components/control/Control.module.css

@@ -39,8 +39,6 @@
 		border-color: var(--color-border-hover, var(--color-border));
 		background-color: var(--color-background-hover, var(--color-background));
 		color: var(--color-text-hover, var(--color-text));
-		transform: scale(1.02);
-		transition: transform var(--animation-duration) ease;
 	}
 
 	.control:active {