.feedback {
  margin-bottom: 117px;
  margin-left: -15px; }

.paso-uno {
  border: 1px solid #D7006A;
  padding: 23px;
  border-radius: 16px;
  gap: 48px;
  display: flex;
  justify-content: center; }

.btn-feedback {
  border-radius: 50rem;
  background-color: #F5F7FA;
  fill: #707382;
  width: 80px;
  height: 36px;
  margin-top: -12px;
  border: none; }

.btn-feedback:active, .btn-feedback:focus, .btn-feedback:focus-visible {
  background: #d5006c;
  fill: #fff !important;
  outline: none !important;
  color: #ffffff !important; }

.btn-feedback svg {
  fill: #707382; }

.btn-feedback:active svg, .btn-feedback:focus svg, .btn-feedback:focus-visible svg {
  fill: #ffffff; }

.paso-uno .active {
  background: #d5006c;
  color: #ffffff; }

.paso-uno .active svg {
  fill: #ffffff; }

.paso-dos {
  margin: 0 auto;
  width: 63%; }

.paso-dos ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.paso-dos ul li {
  margin-bottom: 12px;
  line-height: 2em;
  display: flex;
  align-items: flex-start; }

.paso-dos li label {
  width: calc(100% - 50px);
  color: #737f87;
  letter-spacing: 0; }

.radio-feedback {
  width: 30px;
  position: relative;
  top: 10px; }

.label-feedback {
  width: calc(100% - 50px); }

.paso-dos textarea {
  border-radius: 4px;
  width: 100%;
  border: 1px solid gray;
  padding: 10px; }

.paso-tres {
  background-color: #f5f7fa;
  border-radius: 16px;
  padding: 22px;
  width: 77%;
  margin: 15px auto;
  display: flex;
  justify-content: center; }

.icono-like {
  position: relative;
  padding-left: 45px; }

.icono-like:before {
  content: '';
  background-repeat: no-repeat;
  width: 37px;
  height: 37px;
  display: block;
  background-color: #00D298;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='white' %3E%3Cpath d='M11.8831 20C6.21056 20 6.16687 19.7643 5.46405 19.2346C5.09141 18.9539 4.38859 18.7594 1.8201 18.5918C1.6341 18.5793 1.45621 18.508 1.33761 18.3636C1.28331 18.2966 0 16.422 0 13.4192C0 10.4602 0.918789 9.1108 0.957488 9.04827C1.07109 8.86506 1.27145 8.75438 1.48617 8.75438C3.59464 8.75438 6.51828 6.0574 8.48319 1.35005C8.82275 0.535893 8.89328 0 10.1416 0C10.8513 0 11.6478 0.50963 12.0404 1.16308C12.8462 2.49812 12.4374 5.36581 12.0585 6.89782C13.3462 6.88719 15.6762 6.86968 16.7848 6.86968C18.3271 6.86968 19.3482 7.79077 19.3788 9.13769C19.3894 9.58229 19.3308 10.1501 19.2028 10.444C19.5424 10.7835 19.9799 11.2944 19.9993 11.9535C20.023 12.8039 19.4675 13.4511 19.1123 13.8225C19.1941 14.0695 19.3564 14.3978 19.3408 14.7899C19.3014 15.7541 18.5587 16.3751 18.0961 16.6996C18.1342 16.9635 18.1648 17.4612 18.0799 17.8464C17.746 19.3828 15.4977 19.9994 11.8831 19.9994V20ZM2.15154 17.3237C4.38859 17.5094 5.58451 17.7601 6.21493 18.236C6.70304 18.6043 6.62814 18.75 11.8831 18.75C13.486 18.75 16.6206 18.6831 16.8615 17.5807C16.957 17.1398 16.4933 16.7065 16.4914 16.7034C16.3647 16.3901 16.5057 16.0224 16.8147 15.8873C16.8197 15.8848 18.0662 15.4377 18.0943 14.7399C18.113 14.294 17.8072 14.0258 17.8003 14.0145C17.6187 13.7319 17.6848 13.3442 17.9607 13.1516C17.9638 13.1491 18.7715 12.6588 18.7515 11.9904C18.7366 11.4595 18.0381 11.0855 18.0169 11.0737C17.8608 10.9842 17.7472 10.8298 17.7117 10.6522C17.6767 10.4759 17.716 10.2901 17.8259 10.1469C17.8259 10.1469 18.1436 9.6417 18.1317 9.16771C18.1086 8.15283 17.0194 8.12093 16.786 8.12093C15.2112 8.12093 11.1678 8.13657 11.1678 8.13657C10.9499 8.13782 10.7608 8.03402 10.6435 7.85955C10.5261 7.68509 10.518 7.46748 10.586 7.26926C11.1959 5.51025 11.5367 2.7495 10.9705 1.80653C10.8039 1.52826 10.7658 1.25063 10.1416 1.25063C10.0549 1.25063 9.84952 1.31941 9.6348 1.83154C7.54942 6.83091 4.43416 9.72299 1.88189 9.98374C1.66156 10.4865 1.24773 11.5283 1.24773 13.4186C1.24773 15.3477 1.85755 16.8409 2.15091 17.3237H2.15154Z'/%3E%3C/svg%3E");
  border-radius: 50px;
  background-position: center;
  left: 0;
  top: -7px; }

.feedback-opcion input[type="radio"] {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.feedback-opcion label {
  display: inline-flex;
  align-items: center; }

.feedback-opcion label::before {
  content: '';
  display: block;
  height: 1.25em;
  width: 1.25em;
  border: solid 1px #000000;
  border-radius: 50%;
  margin-right: 0.5em; }

input[type="radio"]:checked + label::before {
  background: radial-gradient(0.75em circle at center, #d5006c 50%, transparent 55%);
  border-color: #000; }

@media (max-width: 992px) {
  .paso-uno {
    display: block; }
  .paso-dos {
    width: 100%; }
  .paso-uno div:last-child {
    margin-top: 20px; }
  .paso-tres {
    display: block;
    width: 100%; }
  .icono-like:before {
    top: 0; }
  .paso-dos li label {
    width: calc(100% - -10px); } }