.btn-check + .btn-radio-1 {
    border-color: #ff4500;
    background: #ff4500;
    opacity: 0.3;
  }

  .btn-check:checked + .btn-radio-1,
  .btn-check:hover + .btn-radio-1 {
    background: #ff4500;
    opacity: 1;
  }

  .bg-1 {
    color: black;
    background-color: #ff4500;
  }


  .btn-check + .btn-radio-2 {
    border-color: #ffa500;
    background: #ffa500;
    opacity: 0.3;
  }

  .btn-check:checked + .btn-radio-2,
  .btn-check:hover + .btn-radio-2 {
    background: #ffa500;
    opacity: 1;
  }

  .bg-2 {
    color: black;
    background-color: #ffa500;
  }


  .btn-check + .btn-radio-3 {
    border-color: #ffff00;
    background: #ffff00;
    opacity: 0.3;
  }

  .btn-check:checked + .btn-radio-3,
  .btn-check:hover + .btn-radio-3 {
    background: #ffff00;
    opacity: 1;
  }

  .bg-3 {
    color: black;
    background-color: #ffff00;
  }


  .btn-check + .btn-radio-4 {
    border-color: #9acd32;
    background: #9acd32;
    opacity: 0.3;
  }

  .btn-check:checked + .btn-radio-4,
  .btn-check:hover + .btn-radio-4 {
    background: #9acd32;
    opacity: 1;
  }

  .bg-4 {
    color: black;
    background-color: #9acd32;
  }


  .btn-check + .btn-radio-5 {
    border-color: #228b22;
    background: #228b22;
    opacity: 0.3;
  }

  .btn-check:checked + .btn-radio-5,
  .btn-check:hover + .btn-radio-5 {
    background: #228b22;
    opacity: 1;
  }

  .bg-5 {
    color: black;
    background-color: #228b22;
  }


  .btn-check + .btn-radio-6 {
    border-color: #006400;
    background: #006400;
    opacity: 0.3;
  }

  .btn-check:checked + .btn-radio-6,
  .btn-check:hover + .btn-radio-6 {
    background: #006400;
    opacity: 1;
  }

  .bg-6 {
    color: black;
    background-color: #006400;
  }