@mixin list-checkmark {
  $icon-size: 24px;

  ul {
    list-style: none;
    margin-top: var(--spacing-06);
    padding-left: 0;
  }

  li {
    background-size: $icon-size $icon-size;
    margin-bottom: var(--spacing-05);
    padding-left: calc(var(--spacing-05) + $icon-size);
  }
}

.list-checkmark-green {
  @include list-checkmark;

  li {
    background: url('../../../../public/img/website-redesign/check-in-green-circle.svg')
      no-repeat left top;
  }
}

.list-checkmark-blue {
  @include list-checkmark;

  li {
    background: url('../../../../public/img/website-redesign/check-in-blue-circle.svg')
      no-repeat left top;
  }
}