Fixed hover effects

static/design_template/colors.css

@@ -20,7 +20,7 @@
   border-color: var(--btn-bg-color);
 }
 
-.btn-primary, .btn-outline-primary:hover{
+.btn-primary:hover, .btn-outline-primary:hover{
   background-color: var(--btn-hover-color);
   border-color: var(--btn-hover-color);
 }
@@ -52,7 +52,7 @@ a:hover{
   border-color: var(--btn-success);
 }
 
-.btn-success, .btn-outline-success:hover{
+.btn-success:hover, .btn-outline-success:hover{
   background-color: var(--btn-success-hover);
   border-color: var(--btn-success-hover);
 }
@@ -63,7 +63,7 @@ a:hover{
   border-color: var(--btn-danger);
 }
 
-.btn-danger, .btn-outline-danger:hover{
+.btn-danger:hover, .btn-outline-danger:hover{
   background-color: var(--btn-danger-hover);
   border-color: var(--btn-danger-hover);
 }

views.py

@@ -60,7 +60,7 @@ def change_colors(request):
   border-color: var(--btn-bg-color);
 }}
 
-.btn-primary, .btn-outline-primary:hover{{
+.btn-primary:hover, .btn-outline-primary:hover{{
   background-color: var(--btn-hover-color);
   border-color: var(--btn-hover-color);
 }}
@@ -92,7 +92,7 @@ a:hover{{
   border-color: var(--btn-success);
 }}
 
-.btn-success, .btn-outline-success:hover{{
+.btn-success:hover, .btn-outline-success:hover{{
   background-color: var(--btn-success-hover);
   border-color: var(--btn-success-hover);
 }}
@@ -103,7 +103,7 @@ a:hover{{
   border-color: var(--btn-danger);
 }}
 
-.btn-danger, .btn-outline-danger:hover{{
+.btn-danger:hover, .btn-outline-danger:hover{{
   background-color: var(--btn-danger-hover);
   border-color: var(--btn-danger-hover);
 }}