styling tweaks

Author: LWinterberg

src/components/banner/PromoBanner.tsx

@@ -33,21 +33,21 @@ function PromoBanner() {
       {showBanner && (
         <div
           id="promo-banner"
-          className="flex flex-col lg:flex-row justify-center items-center min-h-24 bg-gray-900 py-4 gap-4 lg:gap-8"
+          className="flex flex-col lg:flex-row justify-center items-center min-h-24 bg-gray-900 py-2 gap-4 lg:gap-8"
         >
           <div className="lg:flex text-center gap-2">
-            <p className="text-lg text-gray-100">New plugin:</p>
+            <p className="text-lg font-bold text-gray-100">New plugin:</p>
             <p className="text-lg text-yellow-300 font-bold">
             AmpKit - a sophisticated guitar effects & amp modelling suite. Only
             </p>
-            <p className="text-lg text-gray-100">$19:99!</p>
+            <p className="text-lg font-bold text-gray-100">$19:99!</p>
           </div>
 
           <a
             href={getHref()}
             id="promo-button"
             onClick={handleButtonClick}
-            className="flex text-lg font-bold h-12 justify-center items-center px-4 border-2 border-yellow-300 bg-yellow-300 rounded-md hover:bg-gray-900 hover:text-white hover:border-yellow-300"
+            className="flex text-lg font-bold h-8 justify-center items-center px-4 border-2 border-yellow-300 bg-yellow-300 rounded-md hover:bg-gray-900 hover:text-white hover:border-yellow-300"
           >
             Get it on the Muse Hub
           </a>