Template:Navigation buttons/styles.css

.nav-buttons-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 4px;
	margin: 4px 0 8px 0;
}

.nav-buttons-container .nav-button {
	margin-top: 4px;
}

.nav-buttons-container a {
	padding: 0.25em 0.5em;
	color: var(--color-base, #202122);
	background-color: var(--background-color-progressive-subtle, #f1f4fd);
	border: 1.5px solid var(--border-color-progressive, #36c);
	border-radius: 5px;
	font-weight: bold;
	font-size: larger;
	transition: all 0.1s ease-in-out;
}
.nav-buttons-container a.selflink,
.nav-buttons-container a:hover {
	background-color: var(--background-color-progressive--focus, #36c);
	border: 1.5px solid var(--background-color-progressive--focus, #36c);
	color: var(--color-inverted-fixed, #fff);
	text-decoration: none;
}

.nav-buttons-container a.selflink {
	cursor: default;
}

/* [[Category:Template stylesheets]] */