Modèle:Card/styles.css

.template-navpills {
  display: grid;
  gap: var(--space-xs);
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  grid-auto-rows: 3rem;
  font-size: var(--font-size-small);
}

.template-navpill {
  position: relative;
  border: 1px solid var(--border-color-base);
  border-radius: var(--border-radius-medium);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-xx-small);
  overflow: hidden;
}

.template-navpill-background {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.template-navpill img {
  transform: translateY(-50%);
}

.template-navpill>.template-navpill-background+a {
  color: #fff;
  text-shadow: -1px 0 .2em #000, 0 1px .2em #000, 1px 0 .2em #000, 0 -1px .2em #000;
}

.template-navpill>a {
  position: relative;
  padding: 0 var(--space-md);
  display: flex;
  align-items: center;
  color: var(--color-emphasized);
  text-decoration: none;
  height: 100%
}