JSFiddle - React, Tailwind, and code Playground

HTML

<label class="describe">
   <input class="radio-form" type="radio" name="adaptive">
   <span class="radio-indicator"></span>
   Адаптивная
</label>
<label class="describe">
   <input class="radio-form" type="radio" name="adaptive" disabled>
   <span class="radio-indicator"></span>
   Адаптивная
</label>

CSS

.describe {
   position: relative;

   display: block;
   padding-left: 41px;

   cursor: pointer;

   margin-top: 15px;
   margin-bottom: 20px;
   font-size: 16px;
   line-height: 20px;
   color: #283136;
 }
 
 .describe:hover {
   color: #000000;
 }
 
 .describe input[type="radio"] {
   display: none;
 }

 .describe input[type="radio"]+.radio-indicator {
   position: absolute;

   top: -3px;
   left: 5px;

   width: 18px;
   height: 18px;
   border-radius: 20px;
   border: 3px solid #c1c1c1;
   background-color: none;
 }
 
 .describe input[type="radio"]:hover+.radio-indicator {
   border-color: #b5b5b5;
 }

 .describe input[type="radio"]:disabled+.radio-indicator {
   border-color: #e9e9e9;
   color: #bdbfc0;
 }
 
 .describe input[type="radio"]:checked + .radio-indicator::before {
   content: "";
   position: absolute;
   top: 5px;
   left: 5px;
   width: 8px;
   height: 8px;
   border-radius: 5px;
   background-color: #c1c1c1;
 }
 
 .describe input[type="radio"]:checked:hover + .radio-indicator::before {
   background-color: #b5b5b5;
 }