.concept-list__title {
  word-break: break-all;
  &:after {
    content: '';
    display: block;
    width: 60px;
    margin-top: 5px;
    border-bottom: 4px solid var(--o3-color-palette-black);
    position: absolute;
    z-index: 1;
  }
}

.concept-list__list {
  margin: var(--o3-spacing-s) 0 var(--o3-spacing-xl);
  padding: 0;
}

.concept-list__list-item {
  line-height: var(--o3-font-lineheight-metric2-0);
  font-size: var(--o3-font-size-metric2-0);
  font-family: var(--o3-font-family-metric);
  color: var(--o3-color-palette-black);
  list-style: none;
  display: flex;
  align-items: center;
}

.concept-list__concept {
  word-break: keep-all;
  margin: var(--o3-spacing-5xs) var(--o3-spacing-3xs) var(--o3-spacing-5xs) 0;
  text-decoration: none;
  border: 0;
  color: var(--o3-color-palette-black);
  flex: 2;

  &:hover {
    color: #45413e; // Fallback color for browsers that do not support color-mix
    color: color-mix(in srgb, var(--o3-color-palette-black) 73%, var(--o3-color-palette-paper));
    text-decoration: underline;
  }
}