Add hover effect on buttons

app/views/about_us/show.html.slim

@@ -474,4 +474,4 @@ div class="flex flex-col text-gray-2"
     div class="absolute top-0 right-0 left-0 mx-auto max-w-md text-center"
       h2 class="px-5 pt-20 pb-11 text-2xl font-bold text-center sm:px-0 md:pt-28 text-blue-dark"
         | Want to connect with nonprofits in your community?
-      = link_to "START YOUR SEARCH", search_path, class:'c-button inline-block my-1 text-white bg-blue-dark'
+      = link_to "START YOUR SEARCH", search_path, class:'c-button inline-block my-1 text-white bg-blue-dark hover:bg-blue-medium transition'

app/views/admin_users/passwords/edit.html.slim

@@ -1,8 +1,8 @@
 .main
-  h2 class="pb-10 text-2xl font-bold text-center pt-14 md:pt-32 md:mt-2 text-gray-gray-7"
+  h2 class="pt-14 pb-10 text-2xl font-bold text-center md:pt-32 md:mt-2 text-gray-gray-7"
     | Create a new Password
 
-  div class="max-w-md px-4 mx-auto mb-5 text-sm text-center text-black pb-7 sm:text-lg sm:pb-12"
+  div class="px-4 pb-7 mx-auto mb-5 max-w-md text-sm text-center text-black sm:text-lg sm:pb-12"
     | Please create a new password
 
   = form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put }) do |f|
@@ -16,6 +16,6 @@
         = f.label :password_confirmation
         = f.password_field :password_confirmation, autocomplete: "new-password", class: "c-input rounded-md", placeholder: "Confirm your password"
       .c-form--action
-        = f.submit "Reset password", class:"c-button"
+        = f.submit "Reset password", class:"c-button hover:bg-seafoam-light transition"
 
 = render "admin_users/shared/links"

app/views/admin_users/passwords/new.html.slim

@@ -1,8 +1,8 @@
 .main
-  h2  class="pb-10 text-2xl font-bold text-center pt-14 md:pt-32 md:mt-2 text-gray-gray-7"
+  h2  class="pt-14 pb-10 text-2xl font-bold text-center md:pt-32 md:mt-2 text-gray-gray-7"
     | Reset your password?
   = render "admin_users/shared/error_messages", resource: resource
-  div class="max-w-md px-4 mx-auto text-sm text-center text-black pb-7 sm:text-lg sm:pb-12"
+  div class="px-4 pb-7 mx-auto max-w-md text-sm text-center text-black sm:text-lg sm:pb-12"
     | Forgot your password? Please enter the email associated with your account so we can help you.
 
   = form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f|
@@ -12,4 +12,4 @@
         = f.label :email, "Email Address"
         = f.email_field :email, autofocus: true, autocomplete: "email", class:"c-input rounded-md"
       .c-form--action class="mt-12 mb-44"
-        = f.submit "Send reset instructions", class:"c-button"
+        = f.submit "Send reset instructions", class:"c-button hover:bg-seafoam-light transition"

app/views/admin_users/sessions/new.html.slim

@@ -1,9 +1,9 @@
-.main class="mb-12 md:mb-36 mt-14 md:mt-32"
+.main class="mt-14 mb-12 md:mb-36 md:mt-32"
   h2 class="pb-6 text-2xl font-bold text-center md:pb-9 text-gray-gray-7"
     | Welcome back!
 
   div class="md:hidden"
-    div class="absolute top-0 left-0 -z-1 w-72 sm:w-80 sm:h-80"
+    div class="absolute top-0 left-0 w-72 -z-1 sm:w-80 sm:h-80"
       = inline_svg_tag 'mob-purple-blur-login.svg'
     div class="absolute top-0 right-0 -z-1"
       = inline_svg_tag 'mob-green-blur-login.svg'
@@ -25,4 +25,4 @@
       - if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations'
         = link_to "Forgot your password?", new_password_path(resource_name), class:'font-bold flex self-end md:self-center'
       .c-form--action class="mt-12"
-        = f.submit "Sign in", class:"c-button", data: { test_id: "admin_login_submit_btn"}
+        = f.submit "Sign in", class:"c-button hover:bg-seafoam-light transition", data: { test_id: "admin_login_submit_btn"}

app/views/contact_messages/new.html.slim

@@ -51,4 +51,4 @@
         = recaptcha_tags
 
       div class="mt-3"
-        = f.submit "Send message", class:"c-button"
+        = f.submit "Send message", class:"c-button hover:bg-seafoam-light transition"

app/views/donates/show.html.slim

@@ -35,7 +35,7 @@ div class="bg-white main"
           ' We truly could not do this without your help. The overwhelming support we received
           ' from our community has given us the foundational grounding and energized motivation
           ' to continue our momentum towards meaningful change.
-        = link_to "Donate", "https://givebutter.com/aclaunch", target: "_blank", class:'transition c-button inline-block my-1 text-primary-dark-blue bg-secondary-seafoam hover:bg-seafoam-light'
+        = link_to "Donate", "https://givebutter.com/aclaunch", target: "_blank", class:'transition c-button transition inline-block my-1 text-primary-dark-blue bg-secondary-seafoam hover:bg-seafoam-light'
 
   /* Donate Online */
   div class="relative py-10 text-center bg-gradient-to-l md:pt-20 from-blue-gradient-1 to-blue-gradient-2"

app/views/nonprofit_requests/new.html.slim

@@ -73,4 +73,4 @@
         = recaptcha_tags
 
       div class="mt-3"
-        = f.submit "Send message", class:"c-button"
+        = f.submit "Send message", class:"c-button hover:bg-seafoam-light transition"

app/views/privacy_policies/show.html.slim

@@ -1,19 +1,19 @@
-div class="max-w-5xl px-6 pb-12 mx-auto text-justify main text-gray-3 sm:pb-6"
-  div class="flex mx-auto flex-row max-w-7xl justify-evenly"
-    div class="relative flex flex-col justify-center text-center md:mx-0"
-      div class="max-w-lg mx-auto"
-        h2 class="pt-14 sm:pt-32 text-2xl font-bold text-center uppercase text-gray-gray-7"
+div class="px-6 pb-12 mx-auto max-w-5xl text-justify main text-gray-3 sm:pb-6"
+  div class="flex flex-row justify-evenly mx-auto max-w-7xl"
+    div class="flex relative flex-col justify-center text-center md:mx-0"
+      div class="mx-auto max-w-lg"
+        h2 class="pt-14 text-2xl font-bold text-center uppercase sm:pt-32 text-gray-gray-7"
           | Giving Connection Privacy Policy
-        p class="max-w-xl pt-10 pb-9 px-3 sm:px-0 mx-auto text-center text-gray-3 text-base"
+        p class="px-3 pt-10 pb-9 mx-auto max-w-xl text-base text-center sm:px-0 text-gray-3"
           ' Last Updated: February 15, 2022
-        =link_to "go to donor privacy policy", '#donor_policy', class:'c-button py-2.5 px-5 text-white bg-blue-medium mb-8 w-fit'
-      div class="hidden sm:block sm:absolute -top-20 -left-32 -z-1"
+        =link_to "go to donor privacy policy", '#donor_policy', class:'c-button hover:bg-blue-light transition py-2.5 px-5 text-white bg-blue-medium mb-8 w-fit'
+      div class="hidden -top-20 -left-32 sm:block sm:absolute -z-1"
         = inline_svg_tag 'privacy-desk-blur-left.svg'
-      div class="hidden overflow-hidden sm:block sm:absolute -top-28 -right-36 -z-1"
+      div class="hidden overflow-hidden -top-28 -right-36 sm:block sm:absolute -z-1"
         = inline_svg_tag 'privacy-desk-blur-right.svg'
-      div class="absolute -left-6 -z-1 sm:hidden -top-20"
+      div class="absolute -left-6 -top-20 -z-1 sm:hidden"
         = inline_svg_tag 'privacy-mob-blur-left.svg', size:'320*428'
-      div class="absolute -right-6 overflow-visible -top-28 -z-1 sm:hidden"
+      div class="overflow-visible absolute -right-6 -top-28 -z-1 sm:hidden"
         = inline_svg_tag 'privacy-mob-blur-right.svg'
   p class="pb-4"
     ' Giving Connection Inc ("Giving Connection," "we," "us," or "our") welcomes you to our website. We are a tax exempt,
@@ -280,25 +280,25 @@ div class="max-w-5xl px-6 pb-12 mx-auto text-justify main text-gray-3 sm:pb-6"
   p class="pb-4"
     ' Our intent is to promptly reply to every message we receive. This information is used to respond directly to your questions or comments. We also may file your comments to improve our services in the future.
 
-  div id="donor_policy" class="flex mx-auto flex-row max-w-7xl justify-evenly scroll-margin-navbar"
-    div class="relative flex flex-col justify-center text-center md:mx-0"
-      div class="max-w-lg mx-auto"
-        h2 class="pt-10 pb-6 mdpx:pt-24 525px:pb-9 text-2xl font-bold text-center uppercase text-gray-gray-7"
+  div id="donor_policy" class="flex flex-row justify-evenly mx-auto max-w-7xl scroll-margin-navbar"
+    div class="flex relative flex-col justify-center text-center md:mx-0"
+      div class="mx-auto max-w-lg"
+        h2 class="pt-10 pb-6 text-2xl font-bold text-center uppercase mdpx:pt-24 525px:pb-9 text-gray-gray-7"
           | Donor Privacy Policy
 
-      div class="absolute -left-6 -top-16 xs:-left-10 -z-1 425px:hidden "
+      div class="absolute -left-6 -top-16 xs:-left-10 -z-1 425px:hidden"
         = inline_svg_tag 'donor-mob-blur-left.svg', size:'300*325'
-      div class="absolute -right-7 -top-32 xs:-right-11 overflow-visible -z-1 425px:hidden"
+      div class="overflow-visible absolute -right-7 -top-32 xs:-right-11 -z-1 425px:hidden"
         = inline_svg_tag 'donor-mob-blur-right.svg'
 
-      div class="hidden 425px:block 425px:absolute -top-20 -left-10 -z-1"
+      div class="hidden -left-10 -top-20 425px:block 425px:absolute -z-1"
         = inline_svg_tag 'donor-desk-blur-left.svg', size:'250*250'
-      div class="hidden overflow-hidden 425px:block 425px:absolute -top-12 -right-10 -z-1"
+      div class="hidden overflow-hidden -right-10 -top-12 425px:block 425px:absolute -z-1"
         = inline_svg_tag 'donor-desk-blur-right.svg', size:'250*250'
 
-      div class="hidden md:block md:absolute -top-18 -left-52 -z-1"
+      div class="hidden -left-52 md:block md:absolute -top-18 -z-1"
         = inline_svg_tag 'donor-desk-blur-left.svg'
-      div class="hidden overflow-hidden md:block md:absolute -top-36 -right-38 -z-1"
+      div class="hidden overflow-hidden -top-36 md:block md:absolute -right-38 -z-1"
         = inline_svg_tag 'donor-desk-blur-right.svg'
 
   p class="pb-4"

app/views/users/confirmations/new.html.slim

@@ -1,11 +1,11 @@
-h1 class="px-5 mb-11 mt-14 title text-2xl font-bold text-center md:mb-14 md:mt-32"
+h1 class="px-5 mt-14 mb-11 text-2xl font-bold text-center title md:mb-14 md:mt-32"
   | Confirmation instructions
 
 = render "users/shared/links"
 
 // background SVGs
 div class="md:hidden" aria-hidden="true"
-  div class="absolute top-0 left-0 -z-1 w-72 sm:w-80 sm:h-80"
+  div class="absolute top-0 left-0 w-72 -z-1 sm:w-80 sm:h-80"
     = inline_svg_tag 'mob-purple-blur-login.svg'
   div class="absolute top-0 right-0 -z-1"
     = inline_svg_tag 'mob-green-blur-login.svg'
@@ -17,7 +17,7 @@ div class="hidden md:flex" aria-hidden="true"
     = inline_svg_tag 'desk-green-blur-login.svg'
 
 = form_for(resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post, class: "mt-4 mb-12 md:mb-36" }) do |f|
-  div class="max-w-xs mx-auto"
+  div class="mx-auto max-w-xs"
     = render "users/shared/error_messages", resource: resource
 
     div class="flex flex-col mb-2.5"
@@ -27,4 +27,4 @@ div class="hidden md:flex" aria-hidden="true"
     - if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations'
       = link_to "Forgot your password?", new_password_path(resource_name), class:'block w-fit mx-auto text-sm font-bold text-gray-3'
 
-    = f.submit "Resend", class: "c-button mt-10 mb-20"
+    = f.submit "Resend", class: "c-button mt-10 mb-20 hover:bg-seafoam-light transition"

app/views/users/passwords/edit.html.slim

@@ -13,4 +13,4 @@
       = form_group_for f, :password_confirmation do
         = f.password_field :password_confirmation, autocomplete: "new-password", class: "c-input", placeholder: "Confirm your password"
       .c-form--action
-        = f.submit "Reset password", class:"c-button", data: { turbo: false }
+        = f.submit "Reset password", class:"c-button hover:bg-seafoam-light transition", data: { turbo: false }

app/views/users/passwords/new.html.slim

@@ -10,4 +10,4 @@
       = form_group_for f, :email, label: "Email Address", class: "mb-6" do 
         = f.email_field :email, autofocus: true, autocomplete: "email", class:"c-input"
       .c-form--action class="mt-12 mb-44"
-        = f.submit "Send reset instructions", class:"c-button", data: { turbo: false}
+        = f.submit "Send reset instructions", class:"c-button hover:bg-seafoam-light transition", data: { turbo: false}

app/views/users/registrations/new.html.slim

@@ -45,7 +45,7 @@
       = form_group_for f, :password_confirmation do
         = f.password_field :password_confirmation, autocomplete: "new-password", class: "c-input", placeholder: "Confirm your password", data: { test_id: "signup_password_confirmation_input"}
       .c-form--action
-        = f.submit "Create Account", class:"c-button", data: { test_id: "signup_submit_btn", turbo: false }
+        = f.submit "Create Account", class:"c-button hover:bg-seafoam-light transition", data: { test_id: "signup_submit_btn", turbo: false }
 
   div class="px-8 pb-28 mx-auto max-w-sm text-xs text-center sm:pb-36"
     ' By continuing, you agree to Giving Connection’s