From 0fd6021c5d945f4daaf4269c8e5cdef75d250c85 Mon Sep 17 00:00:00 2001
From: "David E. Perez Negron R." <david@nethunters.xyz>
Date: Wed, 27 Mar 2024 08:59:04 -0600
Subject: [PATCH] Hovers, Transitions, Shadows

---
 buttons.html | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/buttons.html b/buttons.html
index e04854f..c09e7ee 100644
--- a/buttons.html
+++ b/buttons.html
@@ -8,6 +8,15 @@
     border-radius: 2px;
     cursor: pointer;
     margin-right: 8px;
+    transition: opacity 0.15s;
+  }
+  
+  .subscribe-button:hover {
+      opacity: 0.8;
+  }
+  
+  .subscribe-button:active {
+      opacity: 0.5;
   }
 
   .join-button {
@@ -20,6 +29,17 @@
       width: 62px;
       border-radius: 2px;
       cursor: pointer; 
+      transition: background-color 0.15s,
+        color 0.15s;
+  }
+
+  .join-button:hover {
+      background-color: rgb(41, 118, 211);
+      color: rgb(255, 255, 255);
+  }
+
+  .join-button:active {
+      opacity: 0.7;
   }
 
   .tweet-button {
@@ -33,6 +53,11 @@
       font-size: 15px;
       cursor: pointer; 
       margin-left: 8px;
+      transition: box-shadow 0.15s;
+  }
+
+  .tweet-button:hover {
+      box-shadow: 5px 5px 10px rgba(0,0,0,.15);
   }
 
 </style>