.iati-icon {
  display: inline-block;
  height: 36px;
  aspect-ratio: 1 / 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;

  &--info {
    background-image: url("@assets/svg/icon-info.svg");
  }

  &--feedback {
    background-image: url("@assets/svg/icon-feedback.svg");
    background-size: 120%;
  }

  &--search {
    background-image: url("@assets/svg/icon-search.svg");
  }

  &--globe {
    background-image: url("@assets/svg/icon-globe.svg");
  }

  &--chevron-left {
    background-image: url("@assets/svg/icon-chevron-left.svg");
  }

  &--youtube {
    background-image: url("@assets/svg/youtube-logo.svg");
    aspect-ratio: 1.2 / 1;
  }

  &--x {
    background-image: url("@assets/svg/x-logo.svg");
  }

  &--linkedin {
    background-image: url("@assets/svg/linkedin-logo.svg");
  }

  &--facebook {
    background-image: url("@assets/svg/facebook-logo.svg");
  }
}