Index: lams_central/web/css/components.scss
===================================================================
diff -u -r21aea119939539ce08a947354f84cb7dc6980d38 -r365efb411fa4e05aedbc66d8949eb439cc80bec3
--- lams_central/web/css/components.scss	(.../components.scss)	(revision 21aea119939539ce08a947354f84cb7dc6980d38)
+++ lams_central/web/css/components.scss	(.../components.scss)	(revision 365efb411fa4e05aedbc66d8949eb439cc80bec3)
@@ -89,8 +89,11 @@
 }
 
 body.component {
-  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
-  background-color: var(--lams-background-gray);
+	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  
+	&:not(.no-decoration) {
+		background-color: var(--lams-background-gray);
+	}
 }
 
 @media (width <= 768px) {
@@ -335,8 +338,22 @@
   display: block !important;
 }
 
-body.component .btn {
-  border-radius: 1.0rem;
+body.component { 
+	.btn {
+		border-radius: 1.0rem;
+	  
+		@media (width <= 768px) {
+			font-size: 12px;
+		}
+	}
+	
+	.btn:focus {
+	    box-shadow: var(--bs-btn-focus-box-shadow);
+	}
+	
+	.activity-bottom-buttons button, .activity-bottom-buttons a, button.btn:not(.no-shadow) {
+	    box-shadow: 0px 3px 6px var(--bs-gray-400);
+	}
 }
 
 body.component i.fa[role="button"] {