Button: change text to white on hover

Issue #3
minh-de-rien · Jan 26, 2024 · 58efe66 · 58efe66
1 parent c6dcb37
commit 58efe66
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/widgets/Button.astro b/src/components/widgets/Button.astro
@@ -4,10 +4,10 @@ const { buttonName, className } = Astro.props;
 
 <button 
  class:list={["border-2 border-navy bg-white m-9 button-shadow", 
- "transition delay-150 hover:bg-navy hover:text-sky-600",
+ "transition delay-150 hover:bg-navy",
  className]}
 >
- {buttonName}
+ <p class="hover:text-white">{buttonName}</p>
 </button>
 <style>
  .button-shadow {