diff --git a/classes/output/core/course_renderer.php b/classes/output/core/course_renderer.php
index bf6b606..1812931 100644
--- a/classes/output/core/course_renderer.php
+++ b/classes/output/core/course_renderer.php
@@ -243,8 +243,8 @@ class course_renderer extends \core_course_renderer {
         }
         // Display course summary.
         if ($course->has_summary()) {
-            $content .= html_writer::start_tag('div', array('class' => 'card-see-more text-center'));
-            $content .= html_writer::start_tag('div', array('class' => 'btn btn-secondary m-2',
+            $content .= html_writer::start_tag('div', array('class' => 'card-see-more text-center teste'));
+            $content .= html_writer::start_tag('div', array('class' => 'btn btn-mais-info m-2',
                 'id' => "course-popover-{$course->id}", 'role' => 'button', 'data-region' => 'popover-region-toggle',
                 'data-toggle' => 'popover', 'data-placement' => 'right',
                 'data-content' => $chelper->get_course_formatted_summary($course,
diff --git a/scss/courselist.scss b/scss/courselist.scss
index 74ba8b6..1e918d2 100644
--- a/scss/courselist.scss
+++ b/scss/courselist.scss
@@ -67,8 +67,8 @@ body#page-enrol-index {
 
 .popover {
     max-width: 100% !important;
-    width: 50% !important;
-}    
+    width: 60% !important;
+}
 
 .minheight{
     background-position: top center !important;
@@ -84,4 +84,17 @@ body#page-enrol-index {
     -webkit-box-shadow: 0px 0px 14px -2px rgba(0,0,0,1);
     -moz-box-shadow: 0px 0px 14px -2px rgba(0,0,0,1);
     box-shadow: 0px 0px 14px -2px rgba(0,0,0,1);
+}
+
+.btn-mais-info{
+    color: white;
+    background-color: #0069d9;
+    border-color: #0069d9;
+    border-radius: 5px;
+}
+
+.btn-mais-info:hover{
+    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.58);
+    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.58);
+    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.58);
 }
\ No newline at end of file