.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;
}