* {box-sizing: border-box;}

/*input[type=radio] {display: none;}*/
input[type=radio]:checked + label span {transform: scale(1.25);}
input[type=radio]:checked + label .color1  {border: 3px solid #711313;}
input[type=radio]:checked + label .color2  {border: 3px solid #873a08;}
input[type=radio]:checked + label .color3  {border: 3px solid #816102;}
input[type=radio]:checked + label .color4  {border: 3px solid #505a0b;}
input[type=radio]:checked + label .color5  {border: 3px solid #0e4e1d;}
input[type=radio]:checked + label .color6  {border: 3px solid #003633;}
input[type=radio]:checked + label .color7  {border: 3px solid #103f62;}
input[type=radio]:checked + label .color8  {border: 3px solid #321a64;}
input[type=radio]:checked + label .color9  {border: 3px solid #501962;}
input[type=radio]:checked + label .color10 {border: 3px solid #851554;}

label { display: inline-block; height: 25px; margin-right: 0px; cursor: pointer;}
label:hover span { transform: scale(1.25);}
label span { display: block; width: 100%; height: 100%; transition: transform 0.2s ease-in-out;}

label span.color1  { background: #DB2828;}
label span.color2  { background: #F2711C;}
label span.color3  { background: #FBBD08;}
label span.color4  { background: #B5CC18;}
label span.color5  { background: #21BA45;}
label span.color6  { background: #00B5AD;}
label span.color7  { background: #2185D0;}
label span.color8  { background: #6435C9;}
label span.color9  { background: #A333C8;}
label span.color10 { background: #E03997;}

.color1  { border:5px solid #DB2828; background: #ffffff; color:#DB2828; ;}
.color2  { border:5px solid #F2711C; background: #ffffff; color:#F2711C ;}
.color3  { border:5px solid #FBBD08; background: #ffffff; color:#FBBD08 ;}
.color4  { border:5px solid #B5CC18; background: #ffffff; color:#B5CC18 ;}
.color5  { border:5px solid #21BA45; background: #ffffff; color:#21BA45 ;}
.color6  { border:5px solid #00B5AD; background: #ffffff; color:#00B5AD ;}
.color7  { border:5px solid #2185D0; background: #ffffff; color:#2185D0 ;}
.color8  { border:5px solid #6435C9; background: #ffffff; color:#6435C9 ;}
.color9  { border:5px solid #A333C8; background: #ffffff; color:#A333C8 ;}
.color10 { border:5px solid #E03997; background: #ffffff; color:#E03997 ;}