input:checked.note-checkbox + label {
  background-color: #8d10bd33;
}

input.note-checkbox ~ .floating-submit {
  button[type="reset"], button[type="submit"] {
    opacity: 0;
    visibility: hidden;
    transition: 0.2s visibility, 0.2s opacity;
  }
}
.floating-submit {
  view-transition-name: floating-submit;
}

input[type=checkbox]:checked.note-checkbox ~ input[type=checkbox]:checked.note-checkbox ~ .floating-submit {
  button[type="submit"] {
    opacity: 1;
    visibility: visible;
  }
}

input[type=checkbox]:checked.note-checkbox ~ .floating-submit {
  button[type="reset"] {
    opacity: 1;
    visibility: visible;
  }
}