1.radio-group {
2  display: flex;
3  flex-direction: column;
4}
5
6.radio-button {
7  display: flex;
8  align-items: center;
9  margin-bottom: 15px;
10  cursor: pointer;
11}
12
13.radio-icon {
14  width: 20px;
15  height: 20px;
16  margin-right: 10px;
17  fill: #fff;
18  transition: all 0.3s ease-in-out;
19}
20
21.radio-button:hover .radio-icon {
22  transform: scale(1.2);
23  fill: #2ed573;
24}
25
26.radio-button input[type="radio"] {
27  opacity: 0;
28  position: absolute;
29}
30
31.radio-text {
32  font-size: 18px;
33  color: #fff;
34  font-weight: bold;
35}
36
37.radio-button::before {
38  content: "";
39  display: inline-block;
40  width: 20px;
41  height: 20px;
42  border-radius: 50%;
43  border: 2px solid #fff;
44  margin-right: 10px;
45  transition: all 0.3s ease-in-out;
46}
47
48.radio-button:hover .radio-text {
49  font-size: 18px;
50  color: #2ed573;
51  font-weight: bold;
52}
53
54.radio-button:hover::before {
55  border: 2px solid #2ed573;
56}
57
58.radio-button input[type="radio"]:checked + .radio-icon {
59  fill: #2ed573;
60}
61
62.radio-button input[type="radio"]:checked + .radio-icon circle:last-child {
63  opacity: 1;
64}
65