/* Start custom CSS for html, class: .elementor-element-18f648b */.gender-group {
  margin: 10px 0 20px 0;
}

.gender-options {
  display: flex;
  gap: 15px;
}

.gender-options input[type="radio"] {
  display: none;
}

.gender-button {
  padding: 10px 20px;
  border: 2px solid #ccc;
  border-radius: 30px;
  cursor: pointer;
  font-size: 1rem;
  transition: all 0.2s ease;
  background-color: #f9f9f9;
  user-select: none;
}

.gender-button:hover {
  background-color: #ffe0ec;
  border-color: #ff6699;
}

.gender-options input[type="radio"]:checked + .gender-button {
  background-color: #ff6699;
  color: white;
  border-color: #ff3366;
  box-shadow: 0 0 8px rgba(255, 51, 102, 0.5);
}


.appointment-form button {/* End custom CSS */