.svg__fill {

&--blue {
  fill: $primary-blue;
}
&--white {
  fill: $white;
}

}

.svg {

height: 100px;
width: 100px;
&--none {
  fill: none;
}
&--blue {
  fill: $primary-blue;
}
&--red {
  fill: $primary-red;
}

}

.svg–max-width {

max-width: 100%;

}

.svg {

&__button {
  height: 48px;
  width: 48px;
}
&--fill-none {
  fill: none;
}
&--fill-white {
  fill: $white;
}
&--fill-blue {
  fill: $primary-blue;
}
&--fill-green {
  fill: $success-check-mark;
}
&__earn-more {
  transform: scale(1.35);
}

}

.svg__fill–bright-red {

fill: #C81F49;

}

.svg__fill–red-shadow {

fill: #8F0F28;

}