section {
  display: flex;
  flex-flow: row wrap;
}
section > div {
  flex: 1;
  padding: 0.5rem;
}
.radioCustom{
  display: none;
  &:not(:disabled) ~ label {
    cursor: pointer;
  }
  &:disabled ~ label {
    color: hsla(150, 5%, 75%, 1);
    border-color: hsla(150, 5%, 75%, 1);
    box-shadow: none;
    cursor: not-allowed;
  }
}

.label {
  height: 100%;
  display:inline-block;
  background: white;
  border: 2px solid hsla(150, 75%, 50%, 1);
  border-radius: 20px;
  padding: 1rem;
  margin-bottom: 1rem;
  margin-right: 1rem;
 
  text-align: center;
  box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);
  position: relative;
  padding-left:45px; padding-right:40px;
  cursor:pointer;
  background-image:url(/img/radio_off.png);
  background-repeat:no-repeat;
  background-position:10px center;background-size:22px auto;
}
input[type="radio"]:checked + label{
  background: #f1f1f1;
  background-image: url(img/radio_on.png); background-position:10px center; background-size:22px auto;
  background-repeat:no-repeat;
  background-color:#FFC;}

p{}