na

app/assets/stylesheets/application.css

@@ -303,14 +303,19 @@ main {
 }
 
 .question-answer {
-  background-color: var(--clr-white);    
-  border-radius: 1.6rem;
+    
   font-size: var(--fs-lg);
   line-height: 1.4;
-  padding: 1.6rem 1.2rem;
-
   
 
+  & label {
+    display: block;
+    padding: 1.6rem 1.2rem;
+    border-radius: 1.6rem;
+    background-color: var(--clr-white);    
+    cursor: pointer;
+  }  
+
   & input[type=radio] {
     position: absolute;
     opacity: 0;
@@ -320,9 +325,12 @@ main {
   }
 
   &:has(input[type=radio]:checked) {
-    outline: 4px solid var(--clr-text-highlight);
-    outline-offset: -4px;
+    & label {
+      outline: 4px solid var(--clr-text-highlight);
+      outline-offset: -4px;
+    }    
   }
+
 }
 
 .question-container {
@@ -414,6 +422,12 @@ label.question-answer {
   display: flex;
   align-items: start;
   min-height: 4.2em;
+  cursor: pointer;  
+  padding: 1.6rem 1.2rem;
+  border-radius: 1.6rem;
+  background-color: var(--clr-white);    
+    
+
   & input {
     flex-grow: 1;
     border: none;
@@ -427,7 +441,10 @@ label.question-answer {
     outline: 4px solid var(--clr-error);
     outline-offset: -4px;
   }
+}
 
+label {
+  cursor: pointer;
 }