diff --git a/pages/events.js b/pages/events.js
index 0a6b65c..51f510c 100644
--- a/pages/events.js
+++ b/pages/events.js
@@ -1,5 +1,4 @@
-import { Helmet, Footer } from "@components";
-import { Hero, HeaderNav } from "@components";
+import { Helmet, Footer, Hero, HeaderNav, Button } from "@components";
 import EventsCalendar from "components/EventsCalendar";
 import HeroImage from "@images/landing-page/discover-ssss-get-involved.png";
 import { useRouter } from "next/router";
@@ -49,6 +48,15 @@ export default function EventsPage() {
               <p>Job fair in collaboration with the MSESS and SEESS</p>
             </a>
           </section>
+          <div className="annual-events__subscribe-button">
+            <a
+              href="https://calendar.google.com/calendar/u/0?cid=ajdxZmNuZ2Q5Y3JiaGVsaWI2dGdkaWhpM2tAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ"
+              target="_blank"
+              rel="noreferrer"
+            >
+              <Button label="Subscribe to Events Calendar" type="secondary" />
+            </a>
+          </div>
           <section className="annual-events__events-calendar">
             <EventsCalendar />
           </section>
diff --git a/styles/pages/events-page.scss b/styles/pages/events-page.scss
index ccb1eb4..236defa 100644
--- a/styles/pages/events-page.scss
+++ b/styles/pages/events-page.scss
@@ -84,6 +84,17 @@
       }
     }
 
+    .annual-events__subscribe-button {
+      margin-top: 2rem;
+      display: flex;
+      justify-content: center;
+
+      button {
+        background-color: var(--colour-neutral-000);
+        color: var(--colour-neutral-1200);
+      }
+    }
+
     @include viewport(tablet-desktop) {
       header {
         grid-area: header;
@@ -119,6 +130,10 @@
           background-image: url("../../public/images/landing-page/discover-ssss-main.png");
         }
       }
+
+      .annual-events__subscribe-button {
+        justify-content: flex-end;
+      }
     }
   }
 }