update button

src/components/custom/sections/CallToAction.vue

@@ -10,7 +10,7 @@
       ></div>
       <g-link
         v-if="cta.button"
-        class="bg-gray-900 learn-button hover:bg-gray-700 text-gray-100 px-5 py-3 mr-3 font-semibold rounded shadow"
+        class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 rounded shadow rounded-full" 
         :to="cta.link"
         >{{ cta.button }}</g-link
       >

src/components/custom/sections/Comparison.vue

@@ -28,7 +28,7 @@
     <div>
       <g-link
         v-if="main.button"
-        class="bg-gray-900 learn-button hover:bg-gray-700 text-gray-100 px-5 py-3 mr-3 font-semibold rounded shadow"
+        class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 rounded shadow rounded-full" 
         :to="main.link"
         >{{ main.button }}</g-link
       >

src/components/custom/sections/header/HeaderSection.vue

@@ -11,12 +11,12 @@
       ></div>
       <div>
         <g-link
-          class="bg-gray-900 learn-button hover:bg-gray-700 text-gray-100 px-5 py-3 mr-3 font-semibold rounded shadow"
+          class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 rounded shadow rounded-full" 
           v-if="header.btn1"
           :to="header.link1"
           >{{ header.btn1 }}</g-link
         ><g-link
-          class="text-gray-900 bg-transparent hover:underline"
+          class="bg-teal-300 text-sm learn-button hover:bg-teal-400 text-gray-900 px-12 py-2 mr-3 rounded shadow rounded-full"
           v-if="header.btn2"
           :to="header.link2"
           >{{ header.btn2 }}</g-link
@@ -31,3 +31,6 @@ export default {
   props: ["header"],
 };
 </script>
+<style scoped>
+
+</style>

src/components/marketing/sections/cta-sections/BrandPanel.vue

@@ -16,12 +16,13 @@
                 brand.subtitle
               }}</span>
             </h2>
-            <p class="mt-4 text-lg leading-6 text-white">
+            <p class="py-6 mt-4 text-lg leading-6 text-white">
               {{ brand.excerpt }}
             </p>
             <g-link
               :to="brand.sourceUrl"
-              class="mt-8 bg-white border border-transparent rounded-md shadow px-6 py-3 inline-flex items-center text-base leading-6 font-medium text-gray-900 hover:text-indigo-500 hover:bg-gray-50 transition duration-150 ease-in-out"
+              class="bg-teal-300 text-sm learn-button hover:bg-teal-400 text-gray-900 px-12 py-2 mr-3 rounded shadow rounded-full"
+              
               >{{ brand.btnTxt }}</g-link
             >
           </div>