diff --git a/_includes/portmaster_plug.html b/_includes/portmaster_plug.html
index 5fa68f1..aa42c40 100644
--- a/_includes/portmaster_plug.html
+++ b/_includes/portmaster_plug.html
@@ -1,17 +1,11 @@
-<a href="{{ site.portmaster_url }}" style="opacity: 1;" id="portmaster-plug">
-  <div class="w-full" style="height: 260px;">
-    <div class="absolute mx-auto right-0 left-0 rounded-md flex items-center" style="max-width: 950px; height: inherit;">
-      <img class="hidden lg:block absolute" style="margin-top: 12rem; margin-left: 55.5rem; z-index: 1;" src="/assets/img/shapes/circle-md-2.png" alt="">
-    </div>
-    <div class="absolute mx-auto right-0 left-0 rounded-md flex items-center overflow-hidden" style="background-color: #647cbf; max-width: 950px; height: inherit;">
-      <img class="absolute right-0 bottom-0 hidden lg:block max-w-5xl lg:max-w-full" style="margin-right: -28.8rem; margin-bottom: -14.1rem;" src="{{ site.img_url }}page-specific/portmaster/full-interface.png" alt="">
-      <div class="text-center mx-auto lg:text-left lg:ml-20">
-        <span class="text-white font-bold block lg:max-w-sm" style="font-size: 2.8rem; line-height: 41px;">Discover the Portmaster</span>
-        <span class="text-white text-md block mt-3 opacity-75">Open Source. Free Forever.</span>
-        <button type="button" style="background-color: #ffff; color: #647cbf; margin-left: -8px;" class="mt-3 transform scale-95 hover:scale-90 lg:inline-flex px-8 py-2 border border-transparent text-sm md:text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
-          Take Back Control
-        </button>
-      </div>
-    </div>
+<a class="advert-container" href="{{ site.portmaster_url }}">
+  <div class="advert-container-left">
+      <span class="advert-container-left-title">Discover the Portmaster</span>
+      <span class="advert-container-left-sub">Open Source. Free Forever.</span>
+      <div class="advert-container-left-button btn bg-black text-safing-blue-400">Take Back Control</div>
   </div>
+  <div class="absolute mx-auto right-0 left-0 rounded-md flex items-center overflow-hidden" style="max-width: 950px; height: inherit;">
+      <img class="absolute right-0 bottom-0 hidden lg:block max-w-5xl lg:max-w-full" style="margin-right: -28.8rem; margin-bottom: -14.1rem;" src="{{ site.img_url }}page-specific/portmaster/full-interface.png" alt="">
+  </div>
+  <img class="hidden lg:block absolute -right-8 -bottom-8" style="z-index: 1;" src="{{ site.img_url }}/assets/img/shapes/circle-md-2.png" alt="">
 </a>
\ No newline at end of file