diff --git a/components/BuyMeACoffee.tsx b/components/BuyMeACoffee.tsx
index a7a6547..3094026 100644
--- a/components/BuyMeACoffee.tsx
+++ b/components/BuyMeACoffee.tsx
@@ -6,7 +6,11 @@ type BuyMeACoffeeProps = {
 
 export default function BuyMeACoffee({ className = '' }: BuyMeACoffeeProps) {
 	return (
-		<a href="https://www.buymeacoffee.com/mcdoh" className={className} target="_blank">
+		<a
+			href="https://www.buymeacoffee.com/mcdoh"
+			className={`transition hover:drop-shadow-[0_0_3px_#ffd700] ${className}`}
+			target="_blank"
+		>
 			<img src="/img/bmc-button.svg" alt="Buy Me A Coffee" className="h-full" />
 		</a>
 	);