Updated CSS of buttons

src/main/resources/PublicWebSite/Code/BlockHeaderMacro.xml

@@ -231,7 +231,32 @@ Example:
     transition: ease-out 0.3s;
     padding-top: 1.5rem;
     padding-bottom: 1.5rem;
-    line-height: 1.9rem;
+    line-height: 1.5rem;
+    text-transform: uppercase;
+    box-shadow: 8px 10px 10px 0 rgba(0, 33, 51,.15);
+    border: 2px solid #00aaff;
+    &:hover {
+      box-shadow: 2px 4px 8px 0 rgba(0, 33, 51,0.6);
+      transition: ease-out 0.3s;
+    }
+  }
+
+  .btn-secondary {
+    background-color: transparent;
+    color: #fff;
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+    line-height: 1.5rem;
+    border-bottom-right-radius: .7rem;
+    transition: linear .3s;
+    border: 2px solid #fff;
+    text-transform: uppercase;
+    display: inline-block;
+    box-shadow: 8px 10px 10px 0 rgba(0, 33, 51,.15);
+    &:hover {
+      box-shadow: 2px 4px 8px 0 rgba(0, 33, 51,0.6);
+      transition: ease-out 0.3s;
+    }
   }
 
   .btn-primary, .btn-secondary {

src/main/resources/PublicWebSite/Code/BlockTextMacro.xml

@@ -202,8 +202,7 @@ Example:
 
   .btn-blue-o {
     margin-top: 2.5rem;
-    width: fit-content;
-    min-width: 20rem;
+    width: 30rem;
     margin-left: auto;
     margin-right: auto;
     background-image: none;
@@ -216,7 +215,32 @@ Example:
     transition: ease-out 0.3s;
     padding-top: 1.5rem;
     padding-bottom: 1.5rem;
-    line-height: 1.9rem;
+    line-height: 1.5rem;
+    text-transform: uppercase;
+    box-shadow: 8px 10px 10px 0 rgba(0, 33, 51,.15);
+    border: 2px solid #00aaff;
+    &:hover {
+      box-shadow: 2px 4px 8px 0 rgba(0, 33, 51,0.6);
+      transition: ease-out 0.3s;
+    }
+  }
+
+  .btn-secondary {
+    background-color: transparent;
+    color: #fff;
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+    line-height: 1.5rem;
+    border-bottom-right-radius: .7rem;
+    transition: linear .3s;
+    border: 2px solid #fff;
+    text-transform: uppercase;
+    display: inline-block;
+    box-shadow: 8px 10px 10px 0 rgba(0, 33, 51,.15);
+    &:hover {
+      box-shadow: 2px 4px 8px 0 rgba(0, 33, 51,0.6);
+      transition: ease-out 0.3s;
+    }
   }
 
   .btn-primary, .btn-secondary {