.grid-radio-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 1rem;
}

.grid-radio-option {
  position: relative;
}

.grid-radio-option input[type="radio"] {
  display: none;
}

.grid-radio-option label {
  display: block;
  /* padding: 1rem; */
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.grid-radio-option input[type="radio"]:checked + label {
  background-color: #0074d9;
  color: white;
  border-color: #0074d9;
}

.grid-checkbox-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 1rem;
}

.grid-checkbox-option {
  position: relative;
}

.grid-checkbox-option input[type="checkbox"] {
  display: none;
}

.grid-checkbox-option label {
  display: block;
  padding: 1rem;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.grid-checkbox-option input[type="checkbox"]:checked + label {
  background-color: #2ecc71;
  color: white;
  border-color: #2ecc71;
}