diff --git a/website/resources/css/custom.css b/website/resources/css/custom.css
index 6774a7d5..0166b84e 100644
--- a/website/resources/css/custom.css
+++ b/website/resources/css/custom.css
@@ -1,8 +1,49 @@
 .importantNotification {
-        background-color: #FFEBCD;
-        border-radius: 20px;
-        padding: 10px;
-        margin: 10px;
+	background-color: #FFEBCD;
+	border-radius: 20px;
+	padding: 10px;
+	margin: 10px;
+}
+
+.tidelift-link-inline {
+	border-radius: 18px;
+	background-color: #626980;
+	background-color: #626980;
+	background-image: url('/img/tidelift-mark.png');
+	background-repeat: no-repeat;
+	background-position: 6px;
+	background-size: 12px;
+	padding: 2px 8px 2px 26px;
+	color: #FFF;
+}
+
+.tidelift-link {
+	border-bottom-left-radius: 18px;
+	border-top-left-radius: 18px;
+	background-color: #626980;
+	box-sizing: border-box;
+	color: #FFF;
+	display: flex;
+	top: 46px;
+	right: 0px;
+	position: absolute;
+	background-image: url('/img/tidelift-mark.png');
+	background-repeat: no-repeat;
+	background-position: 10px;
+	background-size: 12px;
+	padding: 6px 12px 6px 28px;
+}
+
+.tidelift-link:hover, .tidelift-link-inline:hover {
+	color: white;
+}
+
+#tideliftlink {
+	margin-left: 2px;
+	padding: 4px 6px 4px 20px;
+	background-color: #4b5168;
+	border-radius: 5px;
+	color: white;
 }
 
 #clickForVideo {
@@ -14,22 +55,6 @@
 	margin-bottom: 40px;
 }
 
-.tidelift-para {
-	margin-top: 10px;
-}
-
-#tideliftlink {
-	margin-left: 2px;
-	padding: 4px 6px 4px 20px;
-	background-image: url('/img/tidelift-mark.png');
-	background-repeat: no-repeat;
-	background-position: 4px;
-	background-size: 12px;
-	background-color: #4b5168;
-	border-radius: 5px;
-	color: white;
-}
-
 pre {
 	text-align: left;
 }
diff --git a/website/templates/features/_features.html b/website/templates/features/_features.html
index f602b95b..0b93f88e 100644
--- a/website/templates/features/_features.html
+++ b/website/templates/features/_features.html
@@ -65,6 +65,7 @@
 
 <#macro scaffold title logline load=[]>
 	<@main.scaffold load title>
+		<a class="tidelift-link" href="https://tidelift.com/subscription/pkg/maven-org-projectlombok-lombok?utm_source=lombok&utm_medium=referral&utm_campaign=docs">Get Professionally Supported Lombok</a>
 		<div class="page-header top5" id="featureContent">
 			<div class="row text-center">
 				<div class="header-group">
diff --git a/website/templates/features/experimental/index.html b/website/templates/features/experimental/index.html
index ba830ab5..29dcd146 100644
--- a/website/templates/features/experimental/index.html
+++ b/website/templates/features/experimental/index.html
@@ -2,6 +2,7 @@
 <#import "../_features.html" as f>
 
 <@main.scaffold title="Experimental">
+	<a class="tidelift-link" href="https://tidelift.com/subscription/pkg/maven-org-projectlombok-lombok?utm_source=lombok&utm_medium=referral&utm_campaign=docs">Get Professionally Supported Lombok</a>
 	<div class="page-header top5">
 		<div class="row text-center">
 			<@main.h1 title="Lombok experimental features" />
diff --git a/website/templates/features/index.html b/website/templates/features/index.html
index cd4c9e26..bd7cb00c 100644
--- a/website/templates/features/index.html
+++ b/website/templates/features/index.html
@@ -1,6 +1,7 @@
 <#import "../_scaffold.html" as main>
 
 <@main.scaffold title="Stable">
+	<a class="tidelift-link" href="https://tidelift.com/subscription/pkg/maven-org-projectlombok-lombok?utm_source=lombok&utm_medium=referral&utm_campaign=docs">Get Professionally Supported Lombok</a>
 	<div class="page-header top5">
 		<div class="row text-center">
 			<@main.h1 title="Lombok features" />
diff --git a/website/templates/main.html b/website/templates/main.html
index 03073436..75f5b9e8 100644
--- a/website/templates/main.html
+++ b/website/templates/main.html
@@ -1,5 +1,6 @@
 <#import "/_scaffold.html" as main>
 <@main.scaffold load=["/js/supporters.js"]>
+	<a class="tidelift-link" href="https://tidelift.com/subscription/pkg/maven-org-projectlombok-lombok?utm_source=lombok&utm_medium=referral&utm_campaign=homepage">Get Professionally Supported Lombok</a>
 	<div class="page-header top5">
 		<div class="row text-center">
 			<@main.h1 title="Project Lombok" />
@@ -33,8 +34,5 @@
 			<h2 class="introText" hidden="hidden">Project Lombok is <a href="/supporters">powered by</a>:</h2>
 			<div class="supporterFooter" hidden="hidden"><a class="buttonLike" href="/order-license-info">I want to support Project Lombok too!</a></div>
 		</div>
-		<div class="row text-center tidelift-para">
-			Looking for professional support of Project Lombok? Lombok is now part of a <a id="tideliftlink" href="https://tidelift.com/subscription/pkg/maven-org-projectlombok-lombok?utm_source=lombok&utm_medium=referral&utm_campaign=website">Tidelift subscription</a>
-		</div>
 	</div>
 </@main.scaffold>
diff --git a/website/templates/order-license-info.html b/website/templates/order-license-info.html
index 735bd4cb..f5839c0a 100644
--- a/website/templates/order-license-info.html
+++ b/website/templates/order-license-info.html
@@ -9,7 +9,7 @@
 			<p>
 				Tidelift offers professional support of open source tools. When you have a Tidelift subscription, they will help you inventory all the various open source tools and libraries you use, give one central location to check compliance, and a single channel for release notes and security advisories. The bulk of the tidelift subscription fee is redistributed to major open source projects, and Project Lombok is one of those 'lifted' projects. Therefore, your Tidelift subscription helps maintain Project Lombok!
 			</p><p>
-				We recommend a <a id="tideliftlink" href="https://tidelift.com/subscription/pkg/maven-org-projectlombok-lombok?utm_source=lombok&utm_medium=referral&utm_campaign=website">Tidelift subscription</a> to any corporation that uses Project Lombok.
+				We recommend a <a class="tidelift-link-inline" href="https://tidelift.com/subscription/pkg/maven-org-projectlombok-lombok?utm_source=lombok&utm_medium=referral&utm_campaign=orderdonate">Tidelift subscription</a> to any corporation that uses Project Lombok.
 		</div>
 		<div class="row text-center">
 			<h2>Order a professional or enterprise license</h2>