.arrow-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  background: center / contain no-repeat url("/static/arrow-dark.webp?v=20260824-6");
  transform-origin: 50% 50%;
  pointer-events: none;
  user-select: none;
}

.arrow-light {
  background-image: url("/static/arrow-light.webp?v=20260824-6");
}

.arrow-right { transform: rotate(180deg); }
.arrow-up { transform: rotate(90deg); }
.arrow-down { transform: rotate(-90deg); }
.arrow-external { transform: rotate(135deg); }