@include component-rules($petals--list-component-name) {
  &-body {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  &-item {
    padding: 16px 24px;
  }

  &--bordered {
    border: 1px solid #d9d9d9;
    border-radius: 4px;
  }

  &--divided &-item + &-item {
    border-top: 1px solid #f3f3f3;
  }
}