1.radio-compont {
2 display: flex;
3 font-family: 'Courier New', Courier, monospace;
4 padding: 10px;
5 cursor: pointer;
6 transition: 0.3s;
7}
8
9.radio-text {
10 padding: 0px 10px;
11 color: hsl(0, 0%, 50%);
12 font-size: 20px;
13 text-transform: uppercase;
14 font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
15}
16
17.radio-compont:hover {
18 box-shadow: inset 4px 4px 12px #afaeae,inset -4px -4px 12px #ffffffc9;
19 border-radius: 100px;
20}
21
22.radiostyle:checked~.radio-text {
23 color: #E41C23;
24}
25
26.radiostyle {
27 width: 20px;
28 height: 20px;
29}
30
