.file-picker {
  &__content > span {
    display: block;
  }

  &__label {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    cursor: pointer;

    svg {
      padding: 3px;
    }
  }

  @media (hover: hover) {
    &__label:hover svg {
      border-radius: var(--wds-button-border-radius-medium, var(--wds-border-radius-full, 50%));
      background: var(
        --wds-icon-button-color-fill-light-primary-hover,
        var(--wds-color-fill-light-primary-hover, var(--wsr-color-B40, #d6e6fe))
      );
    }
  }

  &__info {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  &__icon {
    margin-right: 10px;
    color: var(
      --wds-icon-button-color-text-standard-tertiary,
      var(--wds-color-text-primary, var(--wsr-color-B10, #116dff))
    );
    padding-top: 3px;
  }
}