i[class*="icon"] {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.3s ease-out;
  display: inline-block;
}

i[class*="icon"]:hover {
  transition: all 0.3s ease-out;
}

i[class*="icon"].icon-xs {
  width: 16px;
  height: 16px;
}

i[class*="icon"].icon-s {
  width: 24px;
  height: 24px;
}

i[class*="icon"].icon-m {
  min-width: 28px;
  height: 28px;
}

i[class*="icon"].color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%)
    hue-rotate(349deg) brightness(103%) contrast(104%);
}

i[class*="icon"].color-blue {
  filter: brightness(0) saturate(100%) invert(32%) sepia(31%) saturate(4404%)
    hue-rotate(175deg) brightness(99%) contrast(102%);
}

i[class*="icon"].dropdown {
  background-image: url("../icons/arrow-down-more.svg");
}

i[class*="icon"].check {
  background-image: url("../icons/check.svg");
}

i[class*="icon"].globe {
  background-image: url("../icons/globe.svg");
}

i[class*="icon"].hamburger {
  background-image: url("../icons/hamburger.svg");
}

i[class*="icon"].faq-open {
  background-image: url("../icons/faq-open.svg");
}

i[class*="icon"].faq-close {
  background-image: url("../icons/faq-close.svg");
}

i[class*="icon"].rate-up {
  background-image: url("../icons/rate-up.svg");
}

i[class*="icon"].rate-down {
  background-image: url("../icons/rate-down.svg");
}

i[class*="icon"].award {
  background-image: url("../icons/award.svg");
}

i[class*="icon"].headphones {
  background-image: url("../icons/headphones.svg");
}

i[class*="icon"].wrench {
  background-image: url("../icons/wrench.svg");
}

i[class*="icon"].menu-arrow {
  background-image: url("../icons/menu-arrow.svg");
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%)
    hue-rotate(204deg) brightness(103%) contrast(101%);
}

i[class*="icon"].coincash-icon {
  background-image: url("../icons/coincash-icon.svg");
}

i[class*="icon"].change {
  background-image: url("../icons/change.svg");
}

i[class*="icon"].arrow-right-dark {
  background-image: url("../icons/arrow-right.svg");
  filter: invert(1);
}
