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

}

.svg__action–place {

margin-left: -2rem;

}

@media screen and (min-width: 360px) {

.svg__action--place {
  margin-left: -3rem;
}

}

@media screen and (min-width: 768px) {

.svg__action--place {
  margin-left: 0;
}

}

@media screen and (min-width: 360px) {

.svg__button {
  height: 48px;
  width: 48px;
}

}

@media screen and (min-width: 768px) {

.svg__button {
  height: 36px;
  width: 36px;
}

}

@media screen and (min-width: 992px) {

.svg__button {
  height: 48px;
  width: 48px;
}

}