Тут вы можете оформить заказ работы. Просто заполните данные этой формы. Ваш браузер не поддерживает плавающие фреймы! Я принимаю условия пользовательского соглашения и политики приватности, а также даю свое согласие на обработку моих персональных данных .checkbox-legal { display: flex !important; flex-direction: row !important; gap: 10px; align-content: flex-start; align-items: flex-start; margin-top: 10px; /* padding:0 20px; */ color:#000; margin-bottom: 20px; } .checkbox-legal .checkbox-label{ font-weight: normal; font-size: 13px; text-align: left; } /* Контейнер для одной радиокнопки и её метки */ .checkbox-legal .radio-item { display: flex; align-items: center; gap: 0.5rem; position: relative; } /* Стилизация радиокнопки: - Убираем стандартное оформление с помощью appearance - Настраиваем размеры, границу и скругление */ .checkbox-legal .radio-input { -webkit-appearance: none; appearance: none; width: 1rem; height: 1rem; border: 1px solid #dee2e6; border-radius: 50%; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; cursor: pointer; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; margin: 0; } /* Стилизация выбранного состояния радиокнопки */ .checkbox-legal .radio-input:checked { background-color: #0d6efd; border-color: #0d6efd; background-image: url('data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e'); } /* Стилизация отключённого состояния радиокнопки */ .checkbox-legal .radio-input:disabled { filter: none; opacity: 0.5; cursor: not-allowed; } /* Стилизация метки радиокнопки при отключённом состоянии */ .checkbox-legal .radio-input:disabled ~ .radio-label { opacity: 0.5; cursor: not-allowed; } .checkbox-legal a{ color:#08c; text-decoration: underline; } /* при нажатия */ .checkbox-legal a:active { color:#212854; } /* при наведении */ .checkbox-legal a:hover { color:#212854; } /* при фокусе */ .checkbox-legal a:focus { color:#212854; } .checkbox-legal input { width: auto !important; height: auto !important; }