.liste{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 2dvh;
    margin-top: 5dvh;
}

.liste ul{
    list-style-position: inside;
    list-style-type: square;
    color: var(--black-color);
    margin-bottom: 2.5dvh;
}

.liste a{
  position: relative;
  color: var(--black-color);
  text-decoration: none;
  font-size: var(--font-size-content-M);
  padding-bottom: 2px;

  &::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) scaleX(0);
    transform-origin: 50% 50%;
    width: 100%;
    height: 2px;
    background-color: var(--main-color);
    transition: transform 250ms;
  }

  &:hover {
    &::after {
      transform: translateX(-50%) scaleX(1);
    }
  }
}