diff --git a/frontend/lib/widgets/choice_card_widget.dart b/frontend/lib/widgets/choice_card_widget.dart
index ecb418e..1639141 100644
--- a/frontend/lib/widgets/choice_card_widget.dart
+++ b/frontend/lib/widgets/choice_card_widget.dart
@@ -55,8 +55,14 @@ class ChoiceCardWidget extends StatelessWidget {
     required bool isMobile,
   }) {
     final Color baseRoseColor = Colors.pink.shade300;
-    final Color initialShadow = baseRoseColor.withAlpha(90);
-    final Color hoverShadow = baseRoseColor.withAlpha(130);
+    final Color initialShadow = isMobile
+        ? Colors.black.withOpacity(0.45)
+        : baseRoseColor.withAlpha(90);
+    final Color hoverShadow = isMobile
+        ? Colors.black.withOpacity(0.5)
+        : baseRoseColor.withAlpha(130);
+    final double initialElevation = isMobile ? 14.0 : 4.0;
+    final double hoverElevation = isMobile ? 18.0 : 8.0;
 
     return Column(
       mainAxisSize: MainAxisSize.min,
@@ -64,6 +70,8 @@ class ChoiceCardWidget extends StatelessWidget {
         HoverReliefWidget(
           onPressed: onPressed,
           borderRadius: BorderRadius.circular(15.0),
+          initialElevation: initialElevation,
+          hoverElevation: hoverElevation,
           initialShadowColor: initialShadow,
           hoverShadowColor: hoverShadow,
           child: Padding(