/* Keep the established 360 icon and caption in their existing grid. */
.hero-visual .rotation-trigger {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 26px;
  padding: 0;
  border: 0;
  background: transparent;
  pointer-events: auto;
  touch-action: manipulation;
}
.hero-visual .rotation-trigger::before {
  content: "";
  position: absolute;
  inset: -9px -2px;
}
.hero-visual .rotation-trigger:hover .rotation-icon { filter: brightness(.8); }
.hero-visual .rotation-trigger:disabled { cursor: default; }