@media (max-width: 480px) {
  .wheel-label {
    width: 68px;
    font-size: 8px;
    line-height: 1.12;
    letter-spacing: 0;
    transform: translate(-50%, -50%) rotate(calc((var(--slot) * 360deg / var(--count)) + 30deg)) translateY(-88px) rotate(calc((var(--slot) * -360deg / var(--count)) - 30deg));
  }
}

@media (max-width: 350px) {
  .wheel-label {
    width: 58px;
    font-size: 7px;
    transform: translate(-50%, -50%) rotate(calc((var(--slot) * 360deg / var(--count)) + 30deg)) translateY(-78px) rotate(calc((var(--slot) * -360deg / var(--count)) - 30deg));
  }
}