Шаблон:DepartmentTabs/styles.css

.department-tabs {
	overflow: auto;
	display: flex;
	flex-wrap: wrap;
	flex-grow: 1;
	gap: 0.25rem;
}

.department-tab {
	display: inline-flex;
	position: relative;
	flex-grow: 1;
	flex-basis: 5%;
}

.department-tab a {
	user-select: none;
	flex-grow: 1;
	align-content: center;
	text-align: center;
	font-weight: bold;
	height: 1.5em;
	padding: 0.25em 1em;
	background-color: var(--deptab);
	color: var(--color-text-translucent);
	border: var(--border-classic);
	border-color: var(--deptab-hover);
	border-radius: var(--border-radius-small);
	transition-property: background-color, color;
}

.department-tab a:hover {
	background-color: var(--deptab-hover);
}

.department-tab a:active {
	background-color: var(--deptab);
}

.department-tab a:hover,
.department-tab a:active {
	color: var(--color-white);
}

.department-tab a.mw-selflink {
	background-color: var(--deptab-hover) !important;
	color: var(--color-white) !important;
    box-shadow: 0 0 0.33em 1px var(--deptab-hover);
	z-index: var(--index-fore);
}