@layer ds_components {
  .comp-resources-list {
    list-style: none;
    padding-inline-start: 0;
    margin-inline: 0;

    li + li {
      margin-block-start: var(
        --ds-component-resources-list-item-block,
        var(
          --ds-component-downloads-list-item-block,
          var(--ds-component-links-list-item-block)
        )
      );
      border-block-start: 1px solid var(--ds-skin-border);
      padding-block-start: var(
        --ds-component-resources-list-item-block,
        var(
          --ds-component-downloads-list-item-block,
          var(--ds-component-links-list-item-block)
        )
      );
    }

    a {
      justify-content: flex-start;
      transform: translateX(
        calc(var(--ds-component-resources-list-item-translate-inline) * -1)
      );
      transition: none;

      &:hover,
      &:focus-visible {
        transform: translateX(0);
      }
    }
  }
}