fix button:active scale

css/style.css

@@ -208,6 +208,7 @@ html,
 body {
   margin: 0;
   background: var(--color-background);
+  scroll-padding-top: 8rem; /* https://tetralogical.com/blog/2023/06/08/focus-in-view/ */
 }
 
 html {
@@ -235,7 +236,6 @@ h4,
 h5,
 h6,
 p {
-  scroll-margin-top: 80px;
   width: clamp(min(100%, 40ch), 50ch, min(100%, 60ch));
 }
 
@@ -371,10 +371,10 @@ a:hover {
   text-decoration-thickness: 0.175rem;
 }
 
-a:visited {
+/* a:visited {
   color: var(--color-primary);
   text-decoration-thickness: 0.175rem;
-}
+} */
 
 button, .button-primary, .button-secondary, .menu-button, .logo {
   appearance: none;
@@ -425,6 +425,7 @@ button, .button-primary, .logo {
   fill: currentColor;
 }
 
+@media (hover: hover) {
 button:hover, .button-primary:hover, .button-secondary:hover, .logo:hover {
   text-decoration: none;
   transform: scale(1.05);
@@ -439,11 +440,12 @@ button:hover, .button-primary:hover, .logo:hover {
   background: var(--color-button-secondary-hover);
   color: var(--color-text-button-secondary-hover);
 }
+}
 
 button:active, .button-primary:active, .button-secondary:active, .logo:active {
   box-shadow: var(--shadow-button-active);
   text-decoration: none;
-  transform: scale(1.05);
+  transform: scale(1.00);
 }
 
 button:active, .button-primary:active, .logo:active {
@@ -456,7 +458,7 @@ button:active, .button-primary:active, .logo:active {
   color: var(--color-text-button-secondary-active);
 }
 
-button:visited, .button-primary:visited, .logo:visited {
+/* button:visited, .button-primary:visited, .logo:visited {
   background: var(--color-button-primary);
   color: var(--color-text-button-primary);
   text-decoration: none;
@@ -466,7 +468,7 @@ button:visited, .button-primary:visited, .logo:visited {
   background: var(--color-button-secondary);
   color: var(--color-text-button-secondary);
   text-decoration: none;
-}
+} */
 
 .button-primary span {
   margin-right: 0.3em;
@@ -496,6 +498,9 @@ button:visited, .button-primary:visited, .logo:visited {
     76%,
     light-dark(var(--gradient-stop-4-light), var(--gradient-stop-4-dark)) 100%
   );
+  /* background: rgb(255 255 255 / 0.88); */
+  /* backdrop-filter: blur(10px);
+  -webkit-backdrop-filter: blur(10px); */
 }
 
 .menu-bar {