Template:Skip to top and bottom/sandbox/styles.css

#skip-to-top-button,
#skip-to-bottom-button {
	position: fixed;
	bottom: 8px;
	z-index: 50;
}

#skip-to-top-button:hover,
#skip-to-bottom-button:hover {
	filter: brightness(1.05);
}

#skip-to-top-button:active,
#skip-to-bottom-button:active {
	filter: brightness(0.95);
}

#skip-to-bottom-button {
	right: 8px;
}

#skip-to-top-button {
	right: 64px;
}

/* Vector 2022 fixes */
body.skin-vector-2022 #skip-to-bottom-button,
body.skin-vector-2022 #skip-to-top-button {
	position: sticky;
	top: 92%;
	float: right;
	margin: auto 6px;
	right: 0;
	opacity: 0.8;
}

@media screen {
	html.skin-theme-clientpref-night #skip-to-top-button,
	html.skin-theme-clientpref-night #skip-to-bottom-button {
		filter: invert(1) brightness(100%) contrast(90%) hue-rotate(180deg);
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os #skip-to-top-button,
	html.skin-theme-clientpref-os #skip-to-bottom-button {
		filter: invert(1) brightness(100%) contrast(90%) hue-rotate(180deg);
	}
}