RTL fixes and anchor restyle

sass/_zola-anchor.scss

@@ -5,16 +5,31 @@ h4,
 h5,
 h6 {
 	&:hover .zola-anchor {
+		transform: translateY(-0.125em);
 		opacity: 1;
+
+		:root[dir*="rtl"] & {
+			transform: translateY(-0.125em);
+		}
 	}
 }
 
 .zola-anchor {
-	display: inline-block;
+	position: absolute;
+	transform: translateX(0.5rem) translateY(-0.125em);
 	opacity: 0;
 	transition: var(--transition);
-	margin: 0 0.25em;
+	margin-inline-start: calc(-1em + -0.5rem);
 	color: var(--fg-muted-4);
+	line-height: 1;
+
+	@media only screen and (max-width: 832px) {
+		display: none;
+	}
+
+	:root[dir*="rtl"] & {
+		transform: translateX(-0.5rem) translateY(-0.125em);
+	}
 
 	&:hover {
 		color: var(--accent-color);
@@ -34,6 +49,10 @@ h6 {
 		transition: var(--transition);
 		width: 1em;
 		height: 1em;
+
+		:root[dir*="rtl"] & {
+			transform: scaleX(-1);
+		}
 	}
 }