More active states

sass/_footnotes-list.scss

@@ -33,6 +33,10 @@
 		&:hover {
 			opacity: 1;
 		}
+
+		&:active {
+			transform: scale(var(--active));
+		}
 	}
 
 	li:target a[href*="#fr-"] {

sass/_input.scss

@@ -130,20 +130,23 @@ input[type="range"] {
 	&::-webkit-slider-thumb {
 		-webkit-appearance: none;
 		appearance: none;
+		filter: brightness(0.9);
 		transition: var(--transition);
 		cursor: grab;
 		box-shadow: var(--shadow);
 		border-radius: 999px;
-		background-color: white;
+		background-color: hsl(0, 0%, 90%);
 		width: 1.5rem;
 		height: 1.5rem;
 
 		&:hover {
 			transform: scale(1.1);
 			box-shadow: var(--shadow-raised);
+			background-color: white;
 		}
 
 		&:active {
+			transform: scale(var(--active));
 			cursor: grabbing;
 		}
 	}
@@ -155,16 +158,18 @@ input[type="range"] {
 		box-shadow: var(--shadow);
 		border: none;
 		border-radius: 999px;
-		background-color: white;
+		background-color: hsl(0, 0%, 90%);
 		width: 1.5rem;
 		height: 1.5rem;
 
 		&:hover {
 			transform: scale(1.1);
 			box-shadow: var(--shadow-raised);
+			background-color: white;
 		}
 
 		&:active {
+			transform: scale(var(--active));
 			cursor: grabbing;
 		}
 	}

sass/_pre-container.scss

@@ -34,7 +34,6 @@
 			background-color: transparent;
 			padding: 0.5rem;
 			line-height: 0;
-			cursor: copy;
 
 			&:hover {
 				box-shadow: var(--edge-highlight);

sass/_zola-anchor.scss

@@ -10,6 +10,7 @@ h6 {
 }
 
 .zola-anchor {
+	display: inline-block;
 	opacity: 0;
 	transition: var(--transition);
 	margin: 0 0.25em;
@@ -18,6 +19,10 @@ h6 {
 		background-color: var(--primary-color);
 	}
 
+	&:active {
+		transform: scale(var(--active));
+	}
+
 	&:focus-visible {
 		opacity: 1;
 	}