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.35; + 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 {