input labelにぶら下がったときの効果

                <input
                  type="checkbox"
                  id="dayChoice1"
                  name="daysInput"
                  value="1"
                  onClick={dayOnClick}
                ></input>
                <label htmlFor="dayChoice1">
                  <div className="dayLabel__Div">월</div>
                </label>

このような入力があります.
このときボタンにぶら下がったときに色を変えたい

      input{
          display: none;
      }
      label:hover {
          color: white;
          border-radius: 50%;
      }

label:hoverで書くのもあまりよくありません.だから.

  input:hover {
      color: white;
      border-radius: 50%;
  }

これでinputを止めるわけにもいかない
考えてみればそうです.
私が欲しい状態はラベルにぶら下がると、ラベルのdiv形状が変わります.

     label:hover {
       .dayLabel__Div {
         color: white;
         border-radius: 50%;
       }
     }

このように子供の中に入れて解決しました.