diff --git a/src/app/components/landing/landing.component.html b/src/app/components/landing/landing.component.html
index 1cf4b67..4f28362 100644
--- a/src/app/components/landing/landing.component.html
+++ b/src/app/components/landing/landing.component.html
@@ -31,7 +31,7 @@
             </ul>
             <div class="flex justify-content-between lg:block border-top-1 lg:border-top-none surface-border py-3 lg:py-0 mt-3 lg:mt-0">
                 <button pButton pRipple label="Login" class="p-button-text p-button-rounded border-none font-light line-height-2 text-blue-500"></button>
-                <button pButton pRipple label="Register" class="p-button-rounded border-none ml-5 font-light line-height-2 bg-blue-500" style="color:#fff"></button>
+                <button pButton pRipple label="Register" class="p-button-rounded border-none ml-5 font-light line-height-2 bg-blue-500 text-white"></button>
             </div>
         </div>
     </div>
@@ -40,7 +40,7 @@
         <div class="mx-4 md:mx-8 mt-0 md:mt-4">
             <h1 class="text-6xl font-bold text-gray-900 line-height-2"><span class="font-light block">Eu sem integer</span>eget magna fermentum</h1>
             <p class="font-normal text-2xl line-height-3 md:mt-3 text-gray-700">Sed blandit libero volutpat sed cras. Fames ac turpis egestas integer. Placerat in egestas erat... </p>
-            <button pButton pRipple type="button" label="Get Started" class="p-button-rounded text-xl border-none mt-5 bg-blue-500 font-normal line-height-3 px-3" style="color:#fff"></button>
+            <button pButton pRipple type="button" label="Get Started" class="p-button-rounded text-xl border-none mt-5 bg-blue-500 font-normal line-height-3 px-3 text-white"></button>
         </div>
         <img src="assets/layout/images/screen-1.png" alt="" class="sm:mt-5 md:mt-0" style="right:10%;">
     </div>
@@ -221,7 +221,7 @@
                     <div class="my-5 text-center">
                         <span class="text-5xl font-bold mr-2 text-900">$0</span>
                         <span class="text-600">per month</span>
-                        <button pButton pRipple label="Get Started" class="block mx-auto mt-4 p-button-rounded border-none ml-3 font-light line-height-2 bg-blue-500" style="color:#fff"></button>
+                        <button pButton pRipple label="Get Started" class="block mx-auto mt-4 p-button-rounded border-none ml-3 font-light line-height-2 bg-blue-500 text-white"></button>
                     </div>
                     <p-divider class="w-full bg-surface-200"></p-divider>
                     <ul class="my-5 list-none p-0 flex text-900 flex-column">
@@ -252,7 +252,7 @@
                     <div class="my-5 text-center">
                         <span class="text-5xl font-bold mr-2 text-900">$1</span>
                         <span class="text-600">per month</span>
-                        <button pButton pRipple label="Try Free" class="block mx-auto mt-4 p-button-rounded border-none ml-3 font-light line-height-2 bg-blue-500" style="color:#fff"></button>
+                        <button pButton pRipple label="Try Free" class="block mx-auto mt-4 p-button-rounded border-none ml-3 font-light line-height-2 bg-blue-500 text-white"></button>
                     </div>
                     <p-divider class="w-full bg-surface-200"></p-divider>
                     <ul class="my-5 list-none p-0 flex text-900 flex-column">
@@ -283,7 +283,7 @@
                     <div class="my-5 text-center">
                         <span class="text-5xl font-bold mr-2 text-900">$999</span>
                         <span class="text-600">per month</span>
-                        <button pButton pRipple label="Get a Quote" class="block mx-auto mt-4 p-button-rounded border-none ml-3 font-light line-height-2 bg-blue-500" style="color:#fff"></button>
+                        <button pButton pRipple label="Get a Quote" class="block mx-auto mt-4 p-button-rounded border-none ml-3 font-light line-height-2 bg-blue-500 text-white"></button>
                     </div>
                     <p-divider class="w-full bg-surface-200"></p-divider>
                     <ul class="my-5 list-none p-0 flex text-900 flex-column">