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);
}