changed radion button color | 20

src/App.scss

@@ -9,7 +9,6 @@
   font-family: Regular;
 }
 
-
 .ltr {
   direction: ltr;
 }
@@ -86,9 +85,10 @@
   width: 100% !important;
   height: 100% !important;
   border-radius: 20px !important;
+
   .marker {
     width: 20px;
-    height: 20px
+    height: 20px;
   }
 }
 

src/components/Radio/index.js

@@ -4,7 +4,14 @@ import "./index.scss";
 export default function Radio(props) {
   return (
     <div className="radio flex items-center">
-      <input id="radio-1" name={props.name} type="radio" checked={props.active} onChange={() => {}} />
+      <input
+        id="radio-1"
+        name={props.name}
+        type="radio"
+        className="accent-pink-500"
+        checked={props.active}
+        onChange={() => {}}
+      />
       <label htmlFor="radio-1" className="radio-label text-xs">
         {/* {props.label} */}
       </label>

src/components/Radio/index.scss

@@ -1,5 +1,5 @@
 $color1: #f4f4f4;
-$color2: #3197EE;
+$color2: #12cf7f;
 
 .radio {
   input[type="radio"] {
@@ -7,7 +7,7 @@ $color2: #3197EE;
     opacity: 0;
     + .radio-label {
       &:before {
-          content: '';
+        content: "";
         background: $color1;
         border-radius: 100%;
         border: 1px solid darken($color1, 25%);