diff --git a/landing/competitor-comparison.css b/landing/competitor-comparison.css
--- a/landing/competitor-comparison.css
+++ b/landing/competitor-comparison.css
@@ -32,6 +32,7 @@
 
 .competitorLogo {
   opacity: 0.25;
+  transition: opacity 150ms;
 }
 
 .competitorLogo:hover {
diff --git a/landing/competitor-feature-card.css b/landing/competitor-feature-card.css
--- a/landing/competitor-feature-card.css
+++ b/landing/competitor-feature-card.css
@@ -3,6 +3,7 @@
   background-color: var(--comparison-cards);
   padding: 32px;
   border-radius: 16px;
+  transition: background-color 150ms;
 }
 
 .container:hover {
diff --git a/landing/info-block.css b/landing/info-block.css
--- a/landing/info-block.css
+++ b/landing/info-block.css
@@ -31,10 +31,12 @@
   color: var(--white-100);
   text-decoration: underline;
   margin-right: 8px;
+  transition: color 150ms;
 }
 
 .icon {
   color: var(--white-100);
+  transition: color 150ms;
 }
 
 .linkContainer:hover .link,
diff --git a/landing/subscription-form.css b/landing/subscription-form.css
--- a/landing/subscription-form.css
+++ b/landing/subscription-form.css
@@ -8,11 +8,12 @@
   padding: 17px 32px; /* We have 17 to compensate for no border */
   border-radius: 4px;
   color: var(--white-100);
-  background: var(--violet-dark-60);
+  background-color: var(--violet-dark-60);
   min-width: 184px;
   display: flex;
   justify-content: center;
   align-items: center;
+  transition: background-color 150ms;
 }
 
 .buttonSuccess {