.mariadb-scroll-top {
	position: fixed;
	right: 1.5rem;
	bottom: 1.5rem;
	z-index: 100;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	/* Some sections (hero, get-involved) share this same primary background
	   color, which made the button blend in and disappear on top of them —
	   the border and stronger shadow keep it visible regardless of what's
	   directly behind it. */
	border: 3px solid var(--wp--preset--color--background);
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--background);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
}

/* See dark-mode.css / homepage.css for why [hidden] needs reasserting here:
   author display rules always beat the browser's own [hidden] stylesheet
   rule, regardless of specificity or source order. */
.mariadb-scroll-top[hidden] {
	display: none;
}

.mariadb-scroll-top svg {
	width: 1.25rem;
	height: 1.25rem;
}