.quiz-cta {
  display: grid !important;
  place-items: center;
  overflow: hidden;
  border: 2px solid #d7a960;
  border-radius: 18px;
  background: linear-gradient(125deg, #75432f 0%, #5a3024 100%);
  box-shadow: 0 9px 18px #46271745, inset 0 1px #fff4d54d;
  filter: none !important;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.quiz-cta:hover,
.quiz-cta:focus-visible {
  transform: translateY(-3px);
  background: linear-gradient(125deg, #865039 0%, #673824 100%);
  box-shadow: 0 13px 22px #46271755, inset 0 1px #fff4d54d;
}
.quiz-cta:focus-visible {
  outline: 4px solid #f4c369;
  outline-offset: 4px;
}
.quiz-cta .textArea {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  width: 100%;
  height: 100%;
  padding: 9px 12px;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: normal;
}
.quiz-cta .textArea::before {
  content: '✦  اختبر معلوماتك';
  color: #f5d593;
  font-size: 17px;
  font-weight: 700;
}
.quiz-cta .textArea::after {
  content: attr(data-quiz-label);
  color: #fffaf0;
  font-size: 27px;
  font-weight: 700;
  letter-spacing: 0;
}
.quiz-hotspot-hide { display: none !important; }
@media (prefers-reduced-motion: reduce) {
  .quiz-cta { transition: none; }
}