@mixin icon($icon-url) {
    &::after {
      content: "";
      display: block;
      align-self: center;
      background-image: $icon-url; /* Use the provided icon URL */
      background-size: cover;
      background-position: center;
      aspect-ratio: 1 / 1;
      width: 1.5em;
    }
}

@mixin icon-background($icon-url) {

  background-image: $icon-url;
  background-position: calc(100% - var(--spacing));
  background-repeat: no-repeat;
}