.add-item {
  &#{&}--size-small {
    padding: var(--wds-add-item-padding-vertical-small, var(--wds-space-400))
      var(--wds-add-item-padding-horizontal-large, var(--wds-space-700));
  }

  &#{&}--size-medium {
    padding: var(--wds-add-item-padding-vertical-medium, var(--wds-space-600))
      var(--wds-add-item-padding-horizontal-large, var(--wds-space-700));
  }

  &#{&}--size-large {
    padding: var(--wds-add-item-padding-vertical-large, var(--wds-space-700))
      var(--wds-add-item-padding-horizontal-large, var(--wds-space-700));
  }

  &#{&}--remove-padding {
    padding: 0;
  }

  &#{&}--skin-filled {
    border-radius: var(--wds-add-item-border-radius, var(--wds-border-radius-200));
  }

  &#{&}--skin-image {
    padding: var(--wds-add-item-padding-vertical-tiny, var(--wds-space-300));
    border-radius: var(--wds-add-item-border-radius, var(--wds-border-radius-200));
  }

  &__content-container#{&}__content-container--skin-image {
    padding: var(--wds-add-item-padding-vertical-tiny, var(--wds-space-300));
  }
}