diff --git a/templates/competition/edit.html b/templates/competition/edit.html
index d631f7c..4eb2c14 100644
--- a/templates/competition/edit.html
+++ b/templates/competition/edit.html
@@ -645,7 +645,11 @@ document.addEventListener('DOMContentLoaded', () => {
 {{ competition.style() }}
 {{ checkbox.style() }}
 <style>
-    .toggle-group {
+.c_aq9et { cursor: pointer; box-shadow: 0 4px 14px -4px rgba(95,23,152,.5); transition: transform .18s, box-shadow .18s, background .18s; }
+.c_aq9et:hover { background: #6d1ba9; transform: translateY(-2px); box-shadow: 0 10px 24px -6px rgba(95,23,152,.6); }
+.c_aq9et:active { transform: translateY(0); box-shadow: 0 4px 12px -4px rgba(95,23,152,.5); }
+@media (prefers-reduced-motion: reduce) { .c_aq9et:hover, .c_aq9et:active { transform: none; } }
+.toggle-group {
     display: flex;
     margin-bottom: 15px;
     border: 1px solid #ddd;
diff --git a/templates/competition/form.html b/templates/competition/form.html
index 0ee26f5..075bea5 100644
--- a/templates/competition/form.html
+++ b/templates/competition/form.html
@@ -575,6 +575,11 @@ document.addEventListener('DOMContentLoaded', () => {
 {{ competition.style() }}
 {{ checkbox.style() }}
 <style>
+.c_aq9et { cursor: pointer; box-shadow: 0 4px 14px -4px rgba(95,23,152,.5); transition: transform .18s, box-shadow .18s, background .18s; }
+.c_aq9et:hover { background: #6d1ba9; transform: translateY(-2px); box-shadow: 0 10px 24px -6px rgba(95,23,152,.6); }
+.c_aq9et:active { transform: translateY(0); box-shadow: 0 4px 12px -4px rgba(95,23,152,.5); }
+@media (prefers-reduced-motion: reduce) { .c_aq9et:hover, .c_aq9et:active { transform: none; } }
+
 .toggle-group {
     display: flex;
     margin-bottom: 15px;
diff --git a/templates/components/footer.html b/templates/components/footer.html
index 5e5066a..b6fea41 100644
--- a/templates/components/footer.html
+++ b/templates/components/footer.html
@@ -21,6 +21,10 @@
 
 {% macro style() -%}
 <style>
+.st>a { cursor: pointer; box-shadow: 0 4px 14px -4px rgba(95,23,152,.5); transition: transform .18s, box-shadow .18s, background .18s; }
+.st>a:hover { background: #6d1ba9; transform: translateY(-2px); box-shadow: 0 10px 24px -6px rgba(95,23,152,.6); }
+.st>a:active { transform: translateY(0); box-shadow: 0 4px 12px -4px rgba(95,23,152,.5); }
+@media (prefers-reduced-motion: reduce) { .st>a:hover, .st>a:active { transform: none; } }
     .st {
         position: sticky;
         bottom: 0;