diff --git a/resources/www/lightbox/styles/main.scss b/resources/www/lightbox/styles/main.scss
index 857f7392ef..94613502fa 100644
--- a/resources/www/lightbox/styles/main.scss
+++ b/resources/www/lightbox/styles/main.scss
@@ -657,5 +657,15 @@ hr {
     border-radius: 0;
   }
 }
+.btn-info {
+  background: #8bc34a;
+  &:hover, &:focus {
+    background: darken(#8bc34a, 10%);
+  }
+
+}
+a.btn-info {
+  color: #ffffff;
+}
 
 /** End Lightbox summary modal**/
diff --git a/templates/web/lightbox/agreement_box.html.twig b/templates/web/lightbox/agreement_box.html.twig
index 61a32866ce..ddf7ef1601 100644
--- a/templates/web/lightbox/agreement_box.html.twig
+++ b/templates/web/lightbox/agreement_box.html.twig
@@ -5,7 +5,7 @@
             <tr>
                 <td class="title title15">{{ 'VALIDATION' | trans }}</td>
                 <td class="report_wrapper">
-                  <a class="report" href="#">
+                  <a class="report btn btn-info" href="#">
                     {{ 'lightbox::recaptitulatif' | trans }}
                   </a>
                 </td>