$icon-size: 0.7rem;

.chevronDown, .chevronDownWhite {
  transform: rotate(180deg);
}

.chevronRight, .chevronRightWhite {
  transform: rotate(90deg);
}

.chevronLeft, .chevronLeftWhite {
  transform: rotate(-90deg);
}

.chevronUp, .chevronDown, .chevronRight, .chevronLeft {
  background: url("../imgs/up-arrow.svg");
  background-size: cover;
  width: $icon-size;
  height: $icon-size;
}

.details-icon {
  margin-top: $margin-xs;
}