.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 {
flex-grow: 1;
align-content: center;
text-align: center;
font-weight: bold;
height: 1.5em;
padding: 0.25em 1em;
background-color: var(--deptab);
color: rgba(255, 255, 255, 0.92);
border: 1px solid var(--deptab-hover);
border-radius: 6px;
transition-property: background-color, color, box-shadow;
transition-duration: 0.15s;
}
.department-tab a:hover {
background-color: var(--deptab-hover);
color: #ffffff;
}
.department-tab a:active {
background-color: var(--deptab);
}
.department-tab a.mw-selflink {
background-color: var(--deptab-hover) !important;
color: #ffffff !important;
box-shadow: 0 0 0.33em 1px var(--deptab-hover);
z-index: 2;
}