Removed Preflight

Was causing strange button bg reset issue

tailwindlabs/tailwindcss#6602

src/assets/scss/base/_reset.scss

@@ -78,7 +78,6 @@ textarea {
 button {
   padding: 0.75em 1em;
   border-radius: 0;
-  background-color: transparent;
   line-height: 1;
 }
 

src/pages/get-involved.astro

@@ -112,10 +112,10 @@ import {
                 <input data-ebay_field="address.zip" data-ebay_add_as="" id="postal_code" title="Allows only alphanumeric and hyphen." pattern="[a-zA-Z0-9 -]+" name="postal_code" type="text" placeholder="Enter your postal code" class="form-control bg-gray-50 border border-black-300 text-black-900 text-sm focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" required="true"> 
                </div> 
               </div> 
-              <div class="form-group"> 
+              <div class="form-group pt-10 pb-5"> 
                <div> 
-                <button data-ebay_field="address.zip" data-ebay_add_as="-- Select --" type="submit" class="submit-btn" style="color:#fff;background-color:#f23231ff;
-                "><p>Submit</p></button> 
+                <button data-ebay_field="address.zip" data-ebay_add_as="-- Select --" type="submit" class="button bg--primary-100:">
+                  <p>Submit</p></button> 
                 <br> 
                 <span id="error-msg"></span> 
                </div> 

tailwind.config.js

@@ -4,6 +4,9 @@ module.exports = {
   theme: {
     extend: {},
   },
+  corePlugins: {
+    preflight: false,
+  },
   plugins: [],
   darkMode: ['class', '.darkmode'],
 }