@keyframes expandbackround{0%{border-radius:50%;width:0;height:0;top:33px;left:75%}to{border-radius:0%;width:600px;height:600px;top:-300px;left:0}}.Checkbox_component{cursor:pointer;background-color:#f8f8f8;border:1px solid #0000;align-items:center;height:80px;margin:10px 0;padding:0 15px;font-size:16px;transition:all .2s ease-in;display:flex;position:relative;overflow:hidden}.Checkbox_component.error{border:1px solid #be323c}.Checkbox_component.checked{color:#000;transition:all .2s ease-in}.Checkbox_component.checked .colored-backround{background-color:#d4f2d6;border-radius:0%;width:600px;height:600px;animation-name:expandbackround;animation-duration:.7s;position:absolute;top:-300px;left:0}.Checkbox_component.checked .Checkbox_component-icon{z-index:1;background-color:#90e496;border-color:#90e496}.Checkbox_component-icon{background-color:#fff;border:2px solid #eaeaea;border-radius:50%;width:40px;height:40px;transition:all .2s ease-in;position:relative}.Checkbox_component-icon .lnir{color:#fff;font-size:20px;font-weight:bolder;position:absolute;top:8px;left:9px}.Checkbox_component-content{z-index:1;flex-grow:3;width:calc(100% - 40px);padding-left:20px}@media screen and (width<=478px){.Checkbox_component{width:100%;height:auto;padding:10px}.Checkbox_component .Checkbox_component-icon{border-radius:50%;width:40px;height:40px;margin-right:10px}.Checkbox_component .Checkbox_component-icon .lnir{font-size:20px}.Checkbox_component .Checkbox_component-content{flex-grow:1;width:calc(100% - 40px)}}#Sundhedplus .Checkbox_component{background-color:#faf8f6}#Sundhedplus .Checkbox_component.checked .Checkbox_component-icon{z-index:1;background-color:#94c6aa;border-color:#94c6aa}