.orbit-block{
    --size:min(90vw, 700px);
    --center-size:clamp(90px, 12vw, 140px);
    --circle-size:clamp(65px, 9vw, 100px);
    --radius:calc(var(--size) / 2.7);

    --line-gap-center:20px;
    --line-gap-item:14px;

    position:relative;
    width:var(--size);
    height:var(--size);
  }

  /* Центральный круг */
  .center-circle{
    position:absolute;
    left:50%;
    top:50%;

    width:var(--center-size);
    height:var(--center-size);

    transform:translate(-50%, -50%);
    border-radius:50%;
    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center;
    font-weight:700;
    font-size:clamp(14px, 2vw, 20px);

    z-index:10;
    
    transition:transform .3s ease;

    
  }
  
  .center-circle:hover{
    transform:translate(-50%, -50%) scale(1.1);
  }

  /* Элемент орбиты */
  .orbit-item{
    position:absolute;
    left:50%;
    top:50%;

    width:0;
    height:0;

    --angle:calc(360deg / var(--total) * var(--i));

    transform:rotate(var(--angle));
  }

  /* Линия */
  .orbit-item .line{
    position:absolute;

    left:calc(var(--center-size) / 2 + var(--line-gap-center));
    top:-1px;

    height:2px;

    width:calc(
      var(--radius)
      - (var(--center-size) / 2)
      - (var(--circle-size) / 2)
      - var(--line-gap-center)
      - var(--line-gap-item)
    );

    background:var(--gold-soft);
  }

  /* Внешний круг */
  .orbit-item .circle{
    position:absolute;

    left:calc(var(--radius) - var(--circle-size) / 2);
    top:calc(var(--circle-size) / -2);

    width:var(--circle-size);
    height:var(--circle-size);

    border-radius:50%;

    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center;
    padding:10px;

    font-size:clamp(12px, 1.5vw, 16px);
    font-weight:600;

    

    transform:rotate(calc(var(--angle) * -1));
    transition:transform .3s ease;
    cursor:pointer;
  }
  
  /* Простое увеличение при наведении */
  .orbit-item .circle:hover{
    transform:
      rotate(calc(var(--angle) * -1))
      scale(1.15);
    color: var(--gold);
  }

  /* Мобильная адаптация */
  @media (max-width:600px){

    .orbit-block{
      --radius:calc(var(--size) / 2.35);
      --line-gap-center:12px;
      --line-gap-item:8px;
    }

    .orbit-item .circle{
      padding:6px;
    }
  }