.list {
  display: flex;
  flex-direction: column;
  background-color: var(--color-surface);
  border-radius: var(--rounded);
  border-width: var(--border-width);
  color: var(--color-text);
}

.list--item {
  --btn-background: transparent;
  --btn-border-color: transparent;
  --btn-box-shadow: none;
  --btn-justify-content: start;
  --btn-outline-size: 0;
  --btn-filter: none;

  padding: var(--padding);

  &:not(:last-child) {
    border-top-width: 0px;
    border-bottom-width: var(--border-width);
    border-inline-start: 1rem;
  }
}