origami1024

background: linear-gradient(to right, red 50%, green 0px);

document.querySelectorAll('div label').forEach((l) => {
  l.parentNode.insertBefore(l, l.previousElementSibling);
});

#my_block  {
  width: 100px;
  height: 200px;
  box-shadow: 0 0 0 5000px rgba(0, 0, 128, 0.5); 
}

input[type="radio"]:checked + label {
    background: #FF0000;
    box-shadow: 60px 30px 0 0 blue, 60px -30px 0 0 blue;
    position: relative;
    z-index: 1;
}

label {
    transition: ease box-shadow .3s;
}

left: 20px;
right: 20px;