.icon-arrow {
  display: inline-block;
  width: .9em;
  height: .9em;
  flex: 0 0 auto;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-linecap: square;
  stroke-linejoin: miter;
  stroke-width: 1.5;
  transform-origin: center;
}

.icon-down { transform: rotate(90deg); }
.icon-up-right { transform: rotate(-45deg); }
.icon-back-to-list { transform: rotate(180deg); }

@media (max-width: 680px) {
  .icon-to-panel { transform: rotate(90deg); }
  .icon-back-to-list { transform: rotate(-90deg); }
}